bkui-vue 1.0.3-beta.67 → 1.0.3-beta.67.dialog.1

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.
Files changed (88) hide show
  1. package/dist/index.cjs.js +70 -70
  2. package/dist/index.esm.js +19841 -19029
  3. package/dist/index.umd.js +70 -70
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/components.d.ts +1 -0
  7. package/lib/components.js +1 -0
  8. package/lib/dialog/dialog.css +135 -84
  9. package/lib/dialog/dialog.d.ts +32 -133
  10. package/lib/dialog/dialog.less +9 -76
  11. package/lib/dialog/dialog.variable.css +135 -84
  12. package/lib/dialog/index.d.ts +84 -314
  13. package/lib/dialog/index.js +206 -221
  14. package/lib/dialog/props.d.ts +8 -48
  15. package/lib/info-box/index.d.ts +2 -2
  16. package/lib/info-box/index.js +318 -173
  17. package/lib/info-box/info-box.css +63 -7
  18. package/lib/info-box/info-box.d.ts +17 -16
  19. package/lib/info-box/info-box.less +76 -14
  20. package/lib/info-box/info-box.variable.css +63 -7
  21. package/lib/info-box/render-component.d.ts +4 -0
  22. package/lib/modal/hooks.d.ts +1 -1
  23. package/lib/modal/index.d.ts +16 -350
  24. package/lib/modal/index.js +183 -675
  25. package/lib/modal/mask.d.ts +6 -0
  26. package/lib/modal/modal.css +131 -32
  27. package/lib/modal/modal.d.ts +6 -134
  28. package/lib/modal/modal.less +84 -29
  29. package/lib/modal/modal.variable.css +131 -32
  30. package/lib/modal/props.mixin.d.ts +2 -53
  31. package/lib/overflow-title/index.js +46 -52
  32. package/lib/scrollbar/index.d.ts +15 -0
  33. package/lib/scrollbar/index.js +18756 -0
  34. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +2 -0
  35. package/lib/scrollbar/scrollbar-core/helpers.d.ts +5 -0
  36. package/lib/scrollbar/scrollbar-core/index.d.ts +240 -0
  37. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +5 -0
  38. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +1 -0
  39. package/lib/scrollbar/scrollbar.css +75 -0
  40. package/lib/scrollbar/scrollbar.less +94 -0
  41. package/lib/scrollbar/scrollbar.variable.css +204 -0
  42. package/lib/shared/index.d.ts +0 -1
  43. package/lib/shared/index.js +1 -48
  44. package/lib/sideslider/index.d.ts +31 -222
  45. package/lib/sideslider/index.js +64 -40
  46. package/lib/sideslider/sideslider.css +17 -86
  47. package/lib/sideslider/sideslider.d.ts +14 -105
  48. package/lib/sideslider/sideslider.less +27 -107
  49. package/lib/sideslider/sideslider.variable.css +17 -86
  50. package/lib/table/components/table-cell.d.ts +3 -2
  51. package/lib/table/components/table-column.d.ts +2 -2
  52. package/lib/table/const.d.ts +1 -1
  53. package/lib/table/index.d.ts +25 -2
  54. package/lib/table/index.js +237 -85
  55. package/lib/table/plugins/head-filter.css +8 -4
  56. package/lib/table/plugins/head-filter.less +6 -3
  57. package/lib/table/plugins/head-filter.variable.css +8 -4
  58. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  59. package/lib/table/plugins/use-pagination.d.ts +3 -1
  60. package/lib/table/plugins/use-shift-key.d.ts +11 -0
  61. package/lib/table/props.d.ts +11 -3
  62. package/lib/table/table.css +106 -46
  63. package/lib/table/table.d.ts +11 -0
  64. package/lib/table/table.less +43 -58
  65. package/lib/table/table.variable.css +106 -46
  66. package/lib/table/use-attributes.d.ts +2 -1
  67. package/lib/table/use-column.d.ts +6 -6
  68. package/lib/table/use-render.d.ts +1 -1
  69. package/lib/table-column/index.d.ts +6 -6
  70. package/lib/table-column/index.js +6 -2
  71. package/lib/tree/index.d.ts +23 -0
  72. package/lib/tree/index.js +9 -3
  73. package/lib/tree/props.d.ts +8 -0
  74. package/lib/tree/tree.css +76 -2
  75. package/lib/tree/tree.d.ts +11 -0
  76. package/lib/tree/tree.variable.css +76 -2
  77. package/lib/virtual-render/index.d.ts +27 -0
  78. package/lib/virtual-render/index.js +285 -76
  79. package/lib/virtual-render/props.d.ts +16 -0
  80. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  81. package/lib/virtual-render/use-scrollbar.d.ts +24 -0
  82. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  83. package/lib/virtual-render/virtual-render.css +76 -2
  84. package/lib/virtual-render/virtual-render.d.ts +13 -0
  85. package/lib/virtual-render/virtual-render.less +3 -3
  86. package/lib/virtual-render/virtual-render.variable.css +76 -2
  87. package/package.json +1 -1
  88. package/lib/shared/mask.d.ts +0 -11
@@ -144,11 +144,85 @@
144
144
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
145
145
  border-radius: 4px;
146
146
  }
147
+ .bk-scrollbar-wrapper {
148
+ position: relative;
149
+ overflow: hidden;
150
+ }
151
+ .bk-scrollbar-wrapper .bk-scrollbar-content-el {
152
+ display: inline-flex;
153
+ flex-direction: column;
154
+ width: 100%;
155
+ }
156
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
157
+ z-index: 1;
158
+ position: absolute;
159
+ right: 0;
160
+ bottom: 0;
161
+ pointer-events: none;
162
+ overflow: hidden;
163
+ }
164
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
165
+ background-color: #F0F1F5;
166
+ cursor: pointer;
167
+ }
168
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
169
+ background-color: #979BA5;
170
+ }
171
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
172
+ top: 0;
173
+ width: 8px;
174
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
175
+ }
176
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
177
+ left: 0;
178
+ height: 8px;
179
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
180
+ }
181
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
182
+ right: auto;
183
+ left: 0;
184
+ top: 0;
185
+ bottom: 0;
186
+ min-height: 0;
187
+ min-width: 8px;
188
+ width: auto;
189
+ }
190
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
191
+ pointer-events: none;
192
+ -webkit-touch-callout: none;
193
+ -webkit-user-select: none;
194
+ -khtml-user-select: none;
195
+ -moz-user-select: none;
196
+ -ms-user-select: none;
197
+ user-select: none;
198
+ }
199
+ .bk-scrollbar-wrapper .bk-scrollbar {
200
+ position: absolute;
201
+ left: 0;
202
+ right: 0;
203
+ min-height: 8px;
204
+ }
205
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
206
+ position: absolute;
207
+ content: '';
208
+ background: #DCDEE5;
209
+ border-radius: 6px;
210
+ left: 1px;
211
+ right: 1px;
212
+ top: 1px;
213
+ bottom: 1px;
214
+ opacity: 0;
215
+ transition: opacity 0.2s 0.9s linear;
216
+ }
217
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
218
+ opacity: 0.9;
219
+ transition-delay: 0s;
220
+ transition-duration: 0s;
221
+ }
147
222
  .bk-virtual-render {
148
223
  position: relative;
149
224
  }
150
- .bk-virtual-render .bk-virtual-content,
151
- .bk-virtual-render.bk-virtual-content {
225
+ .bk-virtual-render .bk-virtual-content {
152
226
  position: absolute;
153
227
  top: 0;
154
228
  bottom: 0;
@@ -920,10 +994,6 @@
920
994
  max-width: 300px;
921
995
  min-width: 200px;
922
996
  }
923
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
924
- max-height: 200px;
925
- min-height: 40px;
926
- }
927
997
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
928
998
  width: 100%;
929
999
  height: 32px;
@@ -936,11 +1006,19 @@
936
1006
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
937
1007
  background: #f0f1f5;
938
1008
  }
1009
+ .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label {
1010
+ text-overflow: ellipsis;
1011
+ white-space: nowrap;
1012
+ overflow: hidden;
1013
+ width: 100%;
1014
+ }
939
1015
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
940
1016
  background: #f0f1f5;
941
1017
  }
942
1018
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
943
1019
  white-space: nowrap;
1020
+ text-overflow: ellipsis;
1021
+ overflow: hidden;
944
1022
  }
945
1023
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
946
1024
  margin-left: 0;
@@ -1126,9 +1204,9 @@
1126
1204
  }
1127
1205
  .bk-table {
1128
1206
  position: relative;
1207
+ width: 100%;
1129
1208
  height: auto;
1130
1209
  overflow: hidden;
1131
- width: 100%;
1132
1210
  }
1133
1211
  .bk-table-flex {
1134
1212
  display: flex;
@@ -1144,19 +1222,9 @@
1144
1222
  }
1145
1223
  .bk-table .bk-table-body {
1146
1224
  position: relative;
1147
- overflow: auto;
1148
- scrollbar-gutter: stable;
1225
+ overflow: hidden;
1149
1226
  border-bottom: 1px solid #dcdee5;
1150
1227
  }
1151
- .bk-table .bk-table-body::-webkit-scrollbar {
1152
- width: 5px;
1153
- height: 6px;
1154
- }
1155
- .bk-table .bk-table-body::-webkit-scrollbar-thumb {
1156
- background: #dcdee5;
1157
- border-radius: 10px;
1158
- box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
1159
- }
1160
1228
  .bk-table .bk-table-body .prepend-row {
1161
1229
  transform: translateX(var(--prepend-left));
1162
1230
  }
@@ -1183,17 +1251,6 @@
1183
1251
  background: white;
1184
1252
  transform: translateZ(0);
1185
1253
  }
1186
- .bk-table .bk-table-head::-webkit-scrollbar,
1187
- .bk-table .bk-table-body::-webkit-scrollbar {
1188
- width: 5px;
1189
- height: 5px;
1190
- }
1191
- .bk-table .bk-table-head::-webkit-scrollbar-thumb,
1192
- .bk-table .bk-table-body::-webkit-scrollbar-thumb {
1193
- background: #ddd;
1194
- border-radius: 20px;
1195
- box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
1196
- }
1197
1254
  .bk-table .bk-table-head.__is-empty,
1198
1255
  .bk-table .bk-table-body.__is-empty {
1199
1256
  display: flex;
@@ -1246,8 +1303,8 @@
1246
1303
  .bk-table .bk-table-body table th .cell .drag-cell,
1247
1304
  .bk-table .bk-table-head table td .cell .drag-cell,
1248
1305
  .bk-table .bk-table-body table td .cell .drag-cell {
1249
- font-size: 14px;
1250
1306
  height: 100%;
1307
+ font-size: 14px;
1251
1308
  }
1252
1309
  .bk-table .bk-table-head table th .cell.has-sort,
1253
1310
  .bk-table .bk-table-body table th .cell.has-sort,
@@ -1372,7 +1429,7 @@
1372
1429
  .bk-table .bk-table-body table thead th .cell {
1373
1430
  display: flex;
1374
1431
  align-items: center;
1375
- height: calc(var(--row-height) - 1px);
1432
+ height: calc(var(--row-height) - 2px);
1376
1433
  color: #313238;
1377
1434
  }
1378
1435
  .bk-table .bk-table-head table thead th.active,
@@ -1389,28 +1446,27 @@
1389
1446
  .bk-table .bk-table-head table tbody tr td,
1390
1447
  .bk-table .bk-table-body table tbody tr td {
1391
1448
  background-color: #fff;
1449
+ border-top: 1px solid transparent;
1450
+ border-bottom: 1px solid transparent;
1451
+ border-right: 1px solid transparent;
1452
+ box-sizing: border-box;
1392
1453
  }
1393
1454
  .bk-table .bk-table-head table tbody tr td.empty-cell,
1394
1455
  .bk-table .bk-table-body table tbody tr td.empty-cell {
1395
1456
  padding-bottom: 30px;
1396
1457
  }
1397
- .bk-table .bk-table-head table tbody tr td.is-last,
1398
- .bk-table .bk-table-body table tbody tr td.is-last {
1399
- border-bottom: none;
1400
- }
1401
1458
  .bk-table .bk-table-head table tbody tr td .cell,
1402
1459
  .bk-table .bk-table-body table tbody tr td .cell {
1403
1460
  display: block;
1404
1461
  width: 100%;
1405
- height: 100%;
1406
- line-height: calc(var(--row-height) - 1px);
1462
+ line-height: calc(var(--row-height) - 2px);
1407
1463
  box-sizing: border-box;
1408
1464
  align-items: center;
1409
1465
  }
1410
1466
  .bk-table .bk-table-head table tbody tr td .cell.drag,
1411
1467
  .bk-table .bk-table-body table tbody tr td .cell.drag {
1412
- cursor: move;
1413
1468
  text-align: center;
1469
+ cursor: move;
1414
1470
  }
1415
1471
  .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
1416
1472
  .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
@@ -1423,7 +1479,6 @@
1423
1479
  .bk-table .bk-table-head {
1424
1480
  position: relative;
1425
1481
  z-index: 2;
1426
- scrollbar-gutter: stable;
1427
1482
  overflow: hidden;
1428
1483
  background-color: var(--background-color);
1429
1484
  }
@@ -1466,6 +1521,7 @@
1466
1521
  width: 100%;
1467
1522
  height: var(--footer-height);
1468
1523
  align-items: center;
1524
+ padding: 0 16px 0 22px;
1469
1525
  }
1470
1526
  .bk-table .bk-table-footer.is-hidden {
1471
1527
  display: none;
@@ -1473,10 +1529,10 @@
1473
1529
  .bk-table.bordered-row .bk-table-head {
1474
1530
  border-bottom: 1px solid #dcdee5;
1475
1531
  }
1476
- .bk-table.bordered-row td {
1477
- border-bottom: 1px solid #dcdee5;
1532
+ .bk-table.bordered-row .bk-table-body tbody tr td {
1533
+ border-bottom-color: #dcdee5;
1478
1534
  }
1479
- .bk-table.bordered-row tr:last-child td {
1535
+ .bk-table.bordered-row .bk-table-body tbody tr:last-child td {
1480
1536
  border-bottom: none;
1481
1537
  }
1482
1538
  .bk-table.bordered-outer {
@@ -1497,14 +1553,18 @@
1497
1553
  .bk-table.bordered-horizontal .__is-empty .bk-table-body-content {
1498
1554
  border-bottom: 1px solid #dcdee5;
1499
1555
  }
1500
- .bk-table.bordered-col th,
1501
- .bk-table.bordered-col td {
1556
+ .bk-table.bordered-col th {
1502
1557
  border-right: 1px solid #dcdee5;
1503
1558
  }
1504
- .bk-table.bordered-col th:last-child,
1505
- .bk-table.bordered-col td:last-child {
1559
+ .bk-table.bordered-col th:last-child {
1506
1560
  border-right: none;
1507
1561
  }
1562
+ .bk-table.bordered-col .bk-table-body tbody tr td {
1563
+ border-right-color: #dcdee5;
1564
+ }
1565
+ .bk-table.bordered-col .bk-table-body tbody tr td:last-child {
1566
+ border-right-color: transparent;
1567
+ }
1508
1568
  .bk-table th,
1509
1569
  .bk-table td {
1510
1570
  border-right: 1px solid transparent;
@@ -21,7 +21,7 @@ export type ITableFormatData = {
21
21
  declare const tableSchemaResponse: (props: TablePropTypes) => {
22
22
  formatColumns: (columns: Column[]) => void;
23
23
  formatDataSchema: (data: any[]) => void;
24
- setRowSelection: (row: any, isSelected: boolean) => void;
24
+ setRowSelection: (row: any, isSelected: boolean, index?: number) => void;
25
25
  setRowExpand: (row: any, isExpand: boolean) => void;
26
26
  setRowIndex: (row: any, index: number) => void;
27
27
  setColumnAttribute: (col: Column, attrName: string, attrValue: string | number | boolean | ((...args: any[]) => boolean | number | void | string)) => void;
@@ -56,6 +56,7 @@ declare const tableSchemaResponse: (props: TablePropTypes) => {
56
56
  localPagination: import("vue").Ref<any>;
57
57
  formatData: ITableFormatData;
58
58
  setIndexData: () => Promise<void>;
59
+ getFilterFnList: () => any[];
59
60
  };
60
61
  export type ITableResponse = ReturnType<typeof tableSchemaResponse>;
61
62
  export default tableSchemaResponse;
@@ -17,8 +17,8 @@ declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) =
17
17
  minWidth?: string | number;
18
18
  columnKey?: string;
19
19
  showOverflowTooltip?: boolean | {
20
- content: string | Function;
21
- disabled?: (col: Column, row: any) => boolean;
20
+ content: string | ((col: Column, row: any) => string);
21
+ disabled?: boolean | ((col: Column, row: any) => boolean);
22
22
  watchCellResize?: boolean;
23
23
  mode?: "auto" | "static";
24
24
  popoverOption?: any;
@@ -105,8 +105,8 @@ declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) =
105
105
  minWidth?: string | number;
106
106
  columnKey?: string;
107
107
  showOverflowTooltip?: boolean | {
108
- content: string | Function;
109
- disabled?: (col: Column, row: any) => boolean;
108
+ content: string | ((col: Column, row: any) => string);
109
+ disabled?: boolean | ((col: Column, row: any) => boolean);
110
110
  watchCellResize?: boolean;
111
111
  mode?: "auto" | "static";
112
112
  popoverOption?: any;
@@ -193,8 +193,8 @@ declare const _default: (props: TablePropTypes, targetColumns: ITableColumn[]) =
193
193
  minWidth?: string | number;
194
194
  columnKey?: string;
195
195
  showOverflowTooltip?: boolean | {
196
- content: string | Function;
197
- disabled?: (col: Column, row: any) => boolean;
196
+ content: string | ((col: Column, row: any) => string);
197
+ disabled?: boolean | ((col: Column, row: any) => boolean);
198
198
  watchCellResize?: boolean;
199
199
  mode?: "auto" | "static";
200
200
  popoverOption?: any;
@@ -1,7 +1,7 @@
1
1
  import { SetupContext } from 'vue';
2
2
  import { TablePropTypes } from './props';
3
3
  import { ITableResponse } from './use-attributes';
4
- declare const _default: (props: TablePropTypes, context: SetupContext<any>, tableResp: ITableResponse, styleRef: any, head: any, root: any, resetTableHeight: any) => {
4
+ declare const _default: (props: TablePropTypes, context: SetupContext<any>, tableResp: ITableResponse, head: any, root: any, resetTableHeight: any) => {
5
5
  renderTableHeadSchema: () => (string | JSX.Element)[];
6
6
  renderTableBodySchema: (rows: any[]) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
7
7
  [key: string]: any;
@@ -130,8 +130,8 @@ declare const BkTableColumn: {
130
130
  className?: import("../table/props").RowClassFunctionString;
131
131
  align?: "" | "right" | "left" | "center";
132
132
  showOverflowTooltip?: boolean | {
133
- content: string | Function;
134
- disabled?: (col: import("../../bkui-vue").TableIColumn, row: any) => boolean;
133
+ content: string | ((col: import("../../bkui-vue").TableIColumn, row: any) => string);
134
+ disabled?: boolean | ((col: import("../../bkui-vue").TableIColumn, row: any) => boolean);
135
135
  watchCellResize?: boolean;
136
136
  mode?: "auto" | "static";
137
137
  popoverOption?: any;
@@ -420,8 +420,8 @@ declare const BkTableColumn: {
420
420
  className?: import("../table/props").RowClassFunctionString;
421
421
  align?: "" | "right" | "left" | "center";
422
422
  showOverflowTooltip?: boolean | {
423
- content: string | Function;
424
- disabled?: (col: import("../../bkui-vue").TableIColumn, row: any) => boolean;
423
+ content: string | ((col: import("../../bkui-vue").TableIColumn, row: any) => string);
424
+ disabled?: boolean | ((col: import("../../bkui-vue").TableIColumn, row: any) => boolean);
425
425
  watchCellResize?: boolean;
426
426
  mode?: "auto" | "static";
427
427
  popoverOption?: any;
@@ -647,8 +647,8 @@ declare const BkTableColumn: {
647
647
  className?: import("../table/props").RowClassFunctionString;
648
648
  align?: "" | "right" | "left" | "center";
649
649
  showOverflowTooltip?: boolean | {
650
- content: string | Function;
651
- disabled?: (col: import("../../bkui-vue").TableIColumn, row: any) => boolean;
650
+ content: string | ((col: import("../../bkui-vue").TableIColumn, row: any) => string);
651
+ disabled?: boolean | ((col: import("../../bkui-vue").TableIColumn, row: any) => boolean);
652
652
  watchCellResize?: boolean;
653
653
  mode?: "auto" | "static";
654
654
  popoverOption?: any;
@@ -256,7 +256,7 @@ var COLUMN_ATTRIBUTE = {
256
256
  /**
257
257
  * Y 轴滚动条宽度
258
258
  */
259
- var SCROLLY_WIDTH = 6;
259
+ var SCROLLY_WIDTH = 0;
260
260
  /**
261
261
  * 默认行高
262
262
  */
@@ -684,7 +684,11 @@ var tableProps = {
684
684
  /**
685
685
  * 是否支持行拖拽排序
686
686
  */
687
- rowDraggable: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.func, shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.object]).def(false)
687
+ rowDraggable: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.func, shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.object]).def(false),
688
+ /**
689
+ * 是否支持shift键多行选择
690
+ */
691
+ shiftMultiChecked: shared_namespaceObject.PropTypes.bool.def(false)
688
692
  };
689
693
  ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
690
694
 
@@ -115,6 +115,11 @@ declare const BkTree: {
115
115
  } & {
116
116
  default: boolean;
117
117
  };
118
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
119
+ default: boolean;
120
+ } & {
121
+ default: boolean;
122
+ };
118
123
  }>> & {
119
124
  onNodeClick?: (...args: any[]) => any;
120
125
  onNodeCollapse?: (...args: any[]) => any;
@@ -249,6 +254,11 @@ declare const BkTree: {
249
254
  } & {
250
255
  default: boolean;
251
256
  };
257
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
258
+ default: boolean;
259
+ } & {
260
+ default: boolean;
261
+ };
252
262
  }>> & {
253
263
  onNodeClick?: (...args: any[]) => any;
254
264
  onNodeCollapse?: (...args: any[]) => any;
@@ -285,6 +295,7 @@ declare const BkTree: {
285
295
  expandAll: boolean;
286
296
  nodeContentAction: any;
287
297
  keepSlotData: boolean;
298
+ checkStrictly: boolean;
288
299
  }, true, {}, {}, {
289
300
  P: {};
290
301
  B: {};
@@ -408,6 +419,11 @@ declare const BkTree: {
408
419
  } & {
409
420
  default: boolean;
410
421
  };
422
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
423
+ default: boolean;
424
+ } & {
425
+ default: boolean;
426
+ };
411
427
  }>> & {
412
428
  onNodeClick?: (...args: any[]) => any;
413
429
  onNodeCollapse?: (...args: any[]) => any;
@@ -444,6 +460,7 @@ declare const BkTree: {
444
460
  expandAll: boolean;
445
461
  nodeContentAction: any;
446
462
  keepSlotData: boolean;
463
+ checkStrictly: boolean;
447
464
  }>;
448
465
  __isFragment?: never;
449
466
  __isTeleport?: never;
@@ -564,6 +581,11 @@ declare const BkTree: {
564
581
  } & {
565
582
  default: boolean;
566
583
  };
584
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
585
+ default: boolean;
586
+ } & {
587
+ default: boolean;
588
+ };
567
589
  }>> & {
568
590
  onNodeClick?: (...args: any[]) => any;
569
591
  onNodeCollapse?: (...args: any[]) => any;
@@ -609,5 +631,6 @@ declare const BkTree: {
609
631
  expandAll: boolean;
610
632
  nodeContentAction: any;
611
633
  keepSlotData: boolean;
634
+ checkStrictly: boolean;
612
635
  }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
613
636
  export default BkTree;
package/lib/tree/index.js CHANGED
@@ -364,7 +364,11 @@ var treeProps = {
364
364
  * 如果设置为false,则作用域插槽参数格式为: { ...node, ...attributes }
365
365
  * attributes 为节点内置属性,包含节点是否展开,是否选中,是否有子节点等等
366
366
  */
367
- keepSlotData: shared_namespaceObject.PropTypes.bool.def(false)
367
+ keepSlotData: shared_namespaceObject.PropTypes.bool.def(false),
368
+ /**
369
+ * 在显示复选框的情况下,是否严格的遵循父子互相关联的做法
370
+ */
371
+ checkStrictly: shared_namespaceObject.PropTypes.bool.def(true)
368
372
  };
369
373
  ;// CONCATENATED MODULE: external "../exception"
370
374
  var exception_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
@@ -1231,7 +1235,9 @@ var use_node_action_this = undefined;
1231
1235
  if (value) {
1232
1236
  setNodeAttr(item, NODE_ATTRIBUTES.IS_INDETERMINATE, false);
1233
1237
  }
1234
- deepUpdateChildNode(item, [NODE_ATTRIBUTES.IS_CHECKED, NODE_ATTRIBUTES.IS_INDETERMINATE], [!!value, false]);
1238
+ if (props.checkStrictly) {
1239
+ deepUpdateChildNode(item, [NODE_ATTRIBUTES.IS_CHECKED, NODE_ATTRIBUTES.IS_INDETERMINATE], [!!value, false]);
1240
+ }
1235
1241
  updateParentChecked(item, value);
1236
1242
  ctx.emit(EVENTS.NODE_CHECKED, flatData.data.filter(function (t) {
1237
1243
  return isNodeChecked(t);
@@ -2187,7 +2193,7 @@ var use_tree_init_this = undefined;
2187
2193
  }
2188
2194
  }
2189
2195
  flatten(treeData !== null && treeData !== void 0 ? treeData : data);
2190
- if (props.showCheckbox !== false) {
2196
+ if (props.showCheckbox !== false && props.checkStrictly) {
2191
2197
  checkedList === null || checkedList === void 0 || checkedList.forEach(function (value) {
2192
2198
  loopUpdateNodeAttr(value, NODE_ATTRIBUTES.IS_CHECKED, true, loopUpdateCheckedEvent);
2193
2199
  });
@@ -214,6 +214,14 @@ export declare const treeProps: {
214
214
  } & {
215
215
  default: boolean;
216
216
  };
217
+ /**
218
+ * 在显示复选框的情况下,是否严格的遵循父子互相关联的做法
219
+ */
220
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
221
+ default: boolean;
222
+ } & {
223
+ default: boolean;
224
+ };
217
225
  };
218
226
  type AsyncOption = {
219
227
  callback: (item: any, cb: any) => Promise<any>;
package/lib/tree/tree.css CHANGED
@@ -15,11 +15,85 @@
15
15
  .bk-F-scroll-y::-webkit-scrollbar-thumb {
16
16
  border-radius: 4px;
17
17
  }
18
+ .bk-scrollbar-wrapper {
19
+ position: relative;
20
+ overflow: hidden;
21
+ }
22
+ .bk-scrollbar-wrapper .bk-scrollbar-content-el {
23
+ display: inline-flex;
24
+ flex-direction: column;
25
+ width: 100%;
26
+ }
27
+ .bk-scrollbar-wrapper .bk-scrollbar-track {
28
+ z-index: 1;
29
+ position: absolute;
30
+ right: 0;
31
+ bottom: 0;
32
+ pointer-events: none;
33
+ overflow: hidden;
34
+ }
35
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
36
+ background-color: #F0F1F5;
37
+ cursor: pointer;
38
+ }
39
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
40
+ background-color: #979BA5;
41
+ }
42
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
43
+ top: 0;
44
+ width: 8px;
45
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
46
+ }
47
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
48
+ left: 0;
49
+ height: 8px;
50
+ transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
51
+ }
52
+ .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
53
+ right: auto;
54
+ left: 0;
55
+ top: 0;
56
+ bottom: 0;
57
+ min-height: 0;
58
+ min-width: 8px;
59
+ width: auto;
60
+ }
61
+ .bk-scrollbar-wrapper .bk-scrollbar-dragging {
62
+ pointer-events: none;
63
+ -webkit-touch-callout: none;
64
+ -webkit-user-select: none;
65
+ -khtml-user-select: none;
66
+ -moz-user-select: none;
67
+ -ms-user-select: none;
68
+ user-select: none;
69
+ }
70
+ .bk-scrollbar-wrapper .bk-scrollbar {
71
+ position: absolute;
72
+ left: 0;
73
+ right: 0;
74
+ min-height: 8px;
75
+ }
76
+ .bk-scrollbar-wrapper .bk-scrollbar::before {
77
+ position: absolute;
78
+ content: '';
79
+ background: #DCDEE5;
80
+ border-radius: 6px;
81
+ left: 1px;
82
+ right: 1px;
83
+ top: 1px;
84
+ bottom: 1px;
85
+ opacity: 0;
86
+ transition: opacity 0.2s 0.9s linear;
87
+ }
88
+ .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
89
+ opacity: 0.9;
90
+ transition-delay: 0s;
91
+ transition-duration: 0s;
92
+ }
18
93
  .bk-virtual-render {
19
94
  position: relative;
20
95
  }
21
- .bk-virtual-render .bk-virtual-content,
22
- .bk-virtual-render.bk-virtual-content {
96
+ .bk-virtual-render .bk-virtual-content {
23
97
  position: absolute;
24
98
  top: 0;
25
99
  bottom: 0;
@@ -120,6 +120,11 @@ declare const _default: import("vue").DefineComponent<{
120
120
  } & {
121
121
  default: boolean;
122
122
  };
123
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
124
+ default: boolean;
125
+ } & {
126
+ default: boolean;
127
+ };
123
128
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
124
129
  nodeClick: (..._args: any[]) => boolean;
125
130
  nodeCollapse: (..._args: any[]) => boolean;
@@ -245,6 +250,11 @@ declare const _default: import("vue").DefineComponent<{
245
250
  } & {
246
251
  default: boolean;
247
252
  };
253
+ checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
254
+ default: boolean;
255
+ } & {
256
+ default: boolean;
257
+ };
248
258
  }>> & {
249
259
  onNodeClick?: (...args: any[]) => any;
250
260
  onNodeCollapse?: (...args: any[]) => any;
@@ -281,5 +291,6 @@ declare const _default: import("vue").DefineComponent<{
281
291
  expandAll: boolean;
282
292
  nodeContentAction: any;
283
293
  keepSlotData: boolean;
294
+ checkStrictly: boolean;
284
295
  }, {}>;
285
296
  export default _default;