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.
- package/dist/index.cjs.js +70 -70
- package/dist/index.esm.js +19841 -19029
- package/dist/index.umd.js +70 -70
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -0
- package/lib/dialog/dialog.css +135 -84
- package/lib/dialog/dialog.d.ts +32 -133
- package/lib/dialog/dialog.less +9 -76
- package/lib/dialog/dialog.variable.css +135 -84
- package/lib/dialog/index.d.ts +84 -314
- package/lib/dialog/index.js +206 -221
- package/lib/dialog/props.d.ts +8 -48
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +318 -173
- package/lib/info-box/info-box.css +63 -7
- package/lib/info-box/info-box.d.ts +17 -16
- package/lib/info-box/info-box.less +76 -14
- package/lib/info-box/info-box.variable.css +63 -7
- package/lib/info-box/render-component.d.ts +4 -0
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +16 -350
- package/lib/modal/index.js +183 -675
- package/lib/modal/mask.d.ts +6 -0
- package/lib/modal/modal.css +131 -32
- package/lib/modal/modal.d.ts +6 -134
- package/lib/modal/modal.less +84 -29
- package/lib/modal/modal.variable.css +131 -32
- package/lib/modal/props.mixin.d.ts +2 -53
- package/lib/overflow-title/index.js +46 -52
- package/lib/scrollbar/index.d.ts +15 -0
- package/lib/scrollbar/index.js +18756 -0
- package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +2 -0
- package/lib/scrollbar/scrollbar-core/helpers.d.ts +5 -0
- package/lib/scrollbar/scrollbar-core/index.d.ts +240 -0
- package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +5 -0
- package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +1 -0
- package/lib/scrollbar/scrollbar.css +75 -0
- package/lib/scrollbar/scrollbar.less +94 -0
- package/lib/scrollbar/scrollbar.variable.css +204 -0
- package/lib/shared/index.d.ts +0 -1
- package/lib/shared/index.js +1 -48
- package/lib/sideslider/index.d.ts +31 -222
- package/lib/sideslider/index.js +64 -40
- package/lib/sideslider/sideslider.css +17 -86
- package/lib/sideslider/sideslider.d.ts +14 -105
- package/lib/sideslider/sideslider.less +27 -107
- package/lib/sideslider/sideslider.variable.css +17 -86
- package/lib/table/components/table-cell.d.ts +3 -2
- package/lib/table/components/table-column.d.ts +2 -2
- package/lib/table/const.d.ts +1 -1
- package/lib/table/index.d.ts +25 -2
- package/lib/table/index.js +237 -85
- package/lib/table/plugins/head-filter.css +8 -4
- package/lib/table/plugins/head-filter.less +6 -3
- package/lib/table/plugins/head-filter.variable.css +8 -4
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/plugins/use-pagination.d.ts +3 -1
- package/lib/table/plugins/use-shift-key.d.ts +11 -0
- package/lib/table/props.d.ts +11 -3
- package/lib/table/table.css +106 -46
- package/lib/table/table.d.ts +11 -0
- package/lib/table/table.less +43 -58
- package/lib/table/table.variable.css +106 -46
- package/lib/table/use-attributes.d.ts +2 -1
- package/lib/table/use-column.d.ts +6 -6
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.d.ts +6 -6
- package/lib/table-column/index.js +6 -2
- package/lib/tree/index.d.ts +23 -0
- package/lib/tree/index.js +9 -3
- package/lib/tree/props.d.ts +8 -0
- package/lib/tree/tree.css +76 -2
- package/lib/tree/tree.d.ts +11 -0
- package/lib/tree/tree.variable.css +76 -2
- package/lib/virtual-render/index.d.ts +27 -0
- package/lib/virtual-render/index.js +285 -76
- package/lib/virtual-render/props.d.ts +16 -0
- package/lib/virtual-render/use-fix-top.d.ts +2 -7
- package/lib/virtual-render/use-scrollbar.d.ts +24 -0
- package/lib/virtual-render/v-virtual-render.d.ts +2 -1
- package/lib/virtual-render/virtual-render.css +76 -2
- package/lib/virtual-render/virtual-render.d.ts +13 -0
- package/lib/virtual-render/virtual-render.less +3 -3
- package/lib/virtual-render/virtual-render.variable.css +76 -2
- package/package.json +1 -1
- 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:
|
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) -
|
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:
|
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:
|
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 |
|
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 |
|
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 |
|
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,
|
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 |
|
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 |
|
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 |
|
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 =
|
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
|
|
package/lib/tree/index.d.ts
CHANGED
@@ -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
|
-
|
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
|
});
|
package/lib/tree/props.d.ts
CHANGED
@@ -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;
|
package/lib/tree/tree.d.ts
CHANGED
@@ -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;
|