bkui-vue 2.0.1-beta.29 → 2.0.1-beta.30
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 +62 -62
- package/dist/index.esm.js +9577 -9514
- package/dist/index.umd.js +62 -62
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/alert/alert.d.ts +0 -7
- package/lib/alert/index.d.ts +0 -15
- package/lib/alert/index.js +0 -1
- package/lib/checkbox/checkbox-group.d.ts +0 -16
- package/lib/checkbox/index.d.ts +0 -11
- package/lib/checkbox/index.js +0 -1
- package/lib/date-picker/date-picker.d.ts +0 -9
- package/lib/date-picker/index.d.ts +0 -19
- package/lib/date-picker/index.js +0 -4
- package/lib/date-picker/panel/time-range.d.ts +0 -9
- package/lib/date-picker/panel/time.d.ts +0 -9
- package/lib/date-picker/props.d.ts +0 -4
- package/lib/date-picker/time-picker.d.ts +0 -9
- package/lib/dialog/dialog.d.ts +11 -0
- package/lib/dialog/index.d.ts +23 -0
- package/lib/dialog/props.d.ts +5 -0
- package/lib/dropdown/dropdown-item.d.ts +1 -1
- package/lib/dropdown/dropdown-menu.d.ts +1 -1
- package/lib/dropdown/index.d.ts +2 -2
- package/lib/form/form-item.d.ts +0 -16
- package/lib/form/index.d.ts +0 -11
- package/lib/form/index.js +0 -1
- package/lib/index.js +1 -1
- package/lib/modal/index.d.ts +28 -0
- package/lib/modal/index.js +33 -18
- package/lib/modal/modal.d.ts +11 -0
- package/lib/modal/props.mixin.d.ts +5 -0
- package/lib/pagination/index.d.ts +0 -19
- package/lib/pagination/index.js +29 -8
- package/lib/pagination/pagination.css +8 -8
- package/lib/pagination/pagination.d.ts +0 -13
- package/lib/pagination/pagination.less +14 -13
- package/lib/pagination/pagination.variable.css +8 -8
- package/lib/pop-confirm/index.d.ts +0 -32
- package/lib/pop-confirm/index.js +16 -18
- package/lib/pop-confirm/pop-confirm.css +3 -1
- package/lib/pop-confirm/pop-confirm.d.ts +0 -14
- package/lib/pop-confirm/pop-confirm.less +3 -1
- package/lib/pop-confirm/pop-confirm.variable.css +3 -1
- package/lib/pop-confirm/props.d.ts +1 -7
- package/lib/radio/radio-button.d.ts +2 -2
- package/lib/radio/radio-group.d.ts +2 -2
- package/lib/scrollbar/index.js +1 -1
- package/lib/select/index.js +1 -1
- package/lib/sideslider/index.d.ts +23 -0
- package/lib/sideslider/index.js +1 -0
- package/lib/sideslider/sideslider.css +7 -8
- package/lib/sideslider/sideslider.d.ts +11 -0
- package/lib/sideslider/sideslider.less +7 -8
- package/lib/sideslider/sideslider.variable.css +7 -8
- package/lib/steps/index.d.ts +0 -15
- package/lib/steps/index.js +0 -1
- package/lib/steps/steps.d.ts +0 -10
- package/lib/table/hooks/use-columns.d.ts +7 -2
- package/lib/table/hooks/use-head.d.ts +1 -0
- package/lib/table/hooks/use-layout.d.ts +1 -0
- package/lib/table/index.js +208 -62
- package/lib/table/props.d.ts +11 -2
- package/lib/table/table.css +20 -8
- package/lib/table/table.less +17 -0
- package/lib/table/table.variable.css +20 -8
- package/lib/table/utils.d.ts +2 -2
- package/lib/table-column/index.js +2 -2
- package/lib/time-picker/index.d.ts +0 -19
- package/lib/tree/index.js +3 -0
- package/lib/tree/props.d.ts +3 -0
- package/package.json +1 -1
package/lib/table/table.css
CHANGED
@@ -755,11 +755,11 @@
|
|
755
755
|
display: flex;
|
756
756
|
align-items: center;
|
757
757
|
font-size: 12px;
|
758
|
-
letter-spacing: normal;
|
759
758
|
color: #63656e;
|
759
|
+
letter-spacing: normal;
|
760
760
|
user-select: none;
|
761
761
|
}
|
762
|
-
.bk-pagination.is-disabled {
|
762
|
+
.bk-pagination.is-disabled * {
|
763
763
|
cursor: not-allowed;
|
764
764
|
}
|
765
765
|
.bk-pagination.is-align-left {
|
@@ -799,16 +799,16 @@
|
|
799
799
|
display: flex;
|
800
800
|
align-items: center;
|
801
801
|
justify-content: center;
|
802
|
-
height: 32px;
|
803
802
|
min-width: 32px;
|
803
|
+
height: 32px;
|
804
804
|
padding: 0 4px;
|
805
805
|
margin-right: 2px;
|
806
806
|
margin-left: 2px;
|
807
807
|
color: #63656e;
|
808
808
|
cursor: pointer;
|
809
|
+
user-select: none;
|
809
810
|
background: #fff;
|
810
811
|
border-radius: 2px;
|
811
|
-
user-select: none;
|
812
812
|
}
|
813
813
|
.bk-pagination-list-pre-batch.is-active,
|
814
814
|
.bk-pagination-list-next-batch.is-active,
|
@@ -883,13 +883,13 @@
|
|
883
883
|
}
|
884
884
|
.bk-pagination-small-list .bk-pagination-picker {
|
885
885
|
display: flex;
|
886
|
+
align-items: center;
|
886
887
|
height: 26px;
|
887
888
|
margin: 0 4px;
|
888
889
|
cursor: pointer;
|
889
890
|
background-color: #f0f1f5;
|
890
891
|
border: 1px solid #f0f1f5;
|
891
892
|
border-radius: 2px;
|
892
|
-
align-items: center;
|
893
893
|
}
|
894
894
|
.bk-pagination-small-list .bk-pagination-picker:hover {
|
895
895
|
background-color: #eaebf0;
|
@@ -901,8 +901,8 @@
|
|
901
901
|
box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
|
902
902
|
}
|
903
903
|
.bk-pagination-editor {
|
904
|
-
height: 16px;
|
905
904
|
min-width: 23px;
|
905
|
+
height: 16px;
|
906
906
|
padding-right: 4px;
|
907
907
|
padding-left: 8px;
|
908
908
|
line-height: 16px;
|
@@ -920,13 +920,13 @@
|
|
920
920
|
.bk-pagination-btn-pre,
|
921
921
|
.bk-pagination-btn-next {
|
922
922
|
display: flex;
|
923
|
+
align-items: center;
|
924
|
+
justify-content: center;
|
923
925
|
width: 26px;
|
924
926
|
height: 26px;
|
925
927
|
font-size: 20px;
|
926
928
|
color: #979ba5;
|
927
929
|
cursor: pointer;
|
928
|
-
justify-content: center;
|
929
|
-
align-items: center;
|
930
930
|
}
|
931
931
|
.bk-pagination-btn-pre:hover,
|
932
932
|
.bk-pagination-btn-next:hover {
|
@@ -1505,6 +1505,15 @@
|
|
1505
1505
|
background-color: var(--background-color);
|
1506
1506
|
height: var(--row-height);
|
1507
1507
|
}
|
1508
|
+
.bk-table .bk-table-head.has-group .is-head-group {
|
1509
|
+
border-bottom: 1px solid var(--table-border-color);
|
1510
|
+
}
|
1511
|
+
.bk-table .bk-table-head.has-group th {
|
1512
|
+
border-right: 1px solid var(--table-border-color);
|
1513
|
+
}
|
1514
|
+
.bk-table .bk-table-head.has-group th.is-last-child {
|
1515
|
+
border-right: none;
|
1516
|
+
}
|
1508
1517
|
.bk-table .bk-table-head .col-resize-drag {
|
1509
1518
|
position: absolute;
|
1510
1519
|
top: 0;
|
@@ -1577,6 +1586,9 @@
|
|
1577
1586
|
.bk-table.bordered-col .bk-table-head {
|
1578
1587
|
border-right: 1px solid var(--table-border-color);
|
1579
1588
|
}
|
1589
|
+
.bk-table.bordered-col .bk-table-head .is-head-group {
|
1590
|
+
border-bottom: 1px solid var(--table-border-color);
|
1591
|
+
}
|
1580
1592
|
.bk-table.bordered-col th {
|
1581
1593
|
border-right: 1px solid var(--table-border-color);
|
1582
1594
|
}
|
package/lib/table/table.less
CHANGED
@@ -309,6 +309,20 @@
|
|
309
309
|
background-color: var(--background-color);
|
310
310
|
height: var(--row-height);
|
311
311
|
|
312
|
+
&.has-group {
|
313
|
+
.is-head-group {
|
314
|
+
border-bottom: 1px solid @table-border-color;
|
315
|
+
}
|
316
|
+
|
317
|
+
th {
|
318
|
+
border-right: 1px solid @table-border-color;
|
319
|
+
|
320
|
+
&.is-last-child {
|
321
|
+
border-right: none;
|
322
|
+
}
|
323
|
+
}
|
324
|
+
}
|
325
|
+
|
312
326
|
.col-resize-drag {
|
313
327
|
position: absolute;
|
314
328
|
top: 0;
|
@@ -407,6 +421,9 @@
|
|
407
421
|
&.bordered-col {
|
408
422
|
.@{bk-prefix}-table-head {
|
409
423
|
border-right: 1px solid @table-border-color;
|
424
|
+
.is-head-group {
|
425
|
+
border-bottom: 1px solid @table-border-color;
|
426
|
+
}
|
410
427
|
}
|
411
428
|
th {
|
412
429
|
border-right: 1px solid @table-border-color;
|
@@ -1145,11 +1145,11 @@
|
|
1145
1145
|
display: flex;
|
1146
1146
|
align-items: center;
|
1147
1147
|
font-size: 12px;
|
1148
|
-
letter-spacing: normal;
|
1149
1148
|
color: #63656e;
|
1149
|
+
letter-spacing: normal;
|
1150
1150
|
user-select: none;
|
1151
1151
|
}
|
1152
|
-
.bk-pagination.is-disabled {
|
1152
|
+
.bk-pagination.is-disabled * {
|
1153
1153
|
cursor: not-allowed;
|
1154
1154
|
}
|
1155
1155
|
.bk-pagination.is-align-left {
|
@@ -1189,16 +1189,16 @@
|
|
1189
1189
|
display: flex;
|
1190
1190
|
align-items: center;
|
1191
1191
|
justify-content: center;
|
1192
|
-
height: 32px;
|
1193
1192
|
min-width: 32px;
|
1193
|
+
height: 32px;
|
1194
1194
|
padding: 0 4px;
|
1195
1195
|
margin-right: 2px;
|
1196
1196
|
margin-left: 2px;
|
1197
1197
|
color: #63656e;
|
1198
1198
|
cursor: pointer;
|
1199
|
+
user-select: none;
|
1199
1200
|
background: #fff;
|
1200
1201
|
border-radius: 2px;
|
1201
|
-
user-select: none;
|
1202
1202
|
}
|
1203
1203
|
.bk-pagination-list-pre-batch.is-active,
|
1204
1204
|
.bk-pagination-list-next-batch.is-active,
|
@@ -1273,13 +1273,13 @@
|
|
1273
1273
|
}
|
1274
1274
|
.bk-pagination-small-list .bk-pagination-picker {
|
1275
1275
|
display: flex;
|
1276
|
+
align-items: center;
|
1276
1277
|
height: 26px;
|
1277
1278
|
margin: 0 4px;
|
1278
1279
|
cursor: pointer;
|
1279
1280
|
background-color: #f0f1f5;
|
1280
1281
|
border: 1px solid #f0f1f5;
|
1281
1282
|
border-radius: 2px;
|
1282
|
-
align-items: center;
|
1283
1283
|
}
|
1284
1284
|
.bk-pagination-small-list .bk-pagination-picker:hover {
|
1285
1285
|
background-color: #eaebf0;
|
@@ -1291,8 +1291,8 @@
|
|
1291
1291
|
box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
|
1292
1292
|
}
|
1293
1293
|
.bk-pagination-editor {
|
1294
|
-
height: 16px;
|
1295
1294
|
min-width: 23px;
|
1295
|
+
height: 16px;
|
1296
1296
|
padding-right: 4px;
|
1297
1297
|
padding-left: 8px;
|
1298
1298
|
line-height: 16px;
|
@@ -1310,13 +1310,13 @@
|
|
1310
1310
|
.bk-pagination-btn-pre,
|
1311
1311
|
.bk-pagination-btn-next {
|
1312
1312
|
display: flex;
|
1313
|
+
align-items: center;
|
1314
|
+
justify-content: center;
|
1313
1315
|
width: 26px;
|
1314
1316
|
height: 26px;
|
1315
1317
|
font-size: 20px;
|
1316
1318
|
color: #979ba5;
|
1317
1319
|
cursor: pointer;
|
1318
|
-
justify-content: center;
|
1319
|
-
align-items: center;
|
1320
1320
|
}
|
1321
1321
|
.bk-pagination-btn-pre:hover,
|
1322
1322
|
.bk-pagination-btn-next:hover {
|
@@ -1895,6 +1895,15 @@
|
|
1895
1895
|
background-color: var(--background-color);
|
1896
1896
|
height: var(--row-height);
|
1897
1897
|
}
|
1898
|
+
.bk-table .bk-table-head.has-group .is-head-group {
|
1899
|
+
border-bottom: 1px solid var(--table-border-color);
|
1900
|
+
}
|
1901
|
+
.bk-table .bk-table-head.has-group th {
|
1902
|
+
border-right: 1px solid var(--table-border-color);
|
1903
|
+
}
|
1904
|
+
.bk-table .bk-table-head.has-group th.is-last-child {
|
1905
|
+
border-right: none;
|
1906
|
+
}
|
1898
1907
|
.bk-table .bk-table-head .col-resize-drag {
|
1899
1908
|
position: absolute;
|
1900
1909
|
top: 0;
|
@@ -1967,6 +1976,9 @@
|
|
1967
1976
|
.bk-table.bordered-col .bk-table-head {
|
1968
1977
|
border-right: 1px solid var(--table-border-color);
|
1969
1978
|
}
|
1979
|
+
.bk-table.bordered-col .bk-table-head .is-head-group {
|
1980
|
+
border-bottom: 1px solid var(--table-border-color);
|
1981
|
+
}
|
1970
1982
|
.bk-table.bordered-col th {
|
1971
1983
|
border-right: 1px solid var(--table-border-color);
|
1972
1984
|
}
|
package/lib/table/utils.d.ts
CHANGED
@@ -6,7 +6,7 @@ import { Column, GroupColumn, ISortPropShape, TablePropTypes } from './props';
|
|
6
6
|
* @param args 如果是函数,传递参数
|
7
7
|
* @returns
|
8
8
|
*/
|
9
|
-
export declare const resolvePropVal: (prop:
|
9
|
+
export declare const resolvePropVal: (prop: Record<string, unknown>, key: string | string[], args: unknown[]) => any;
|
10
10
|
/**
|
11
11
|
* 处理Props中的ActiveColumn,解析为统一的数组格式
|
12
12
|
* @param props
|
@@ -159,4 +159,4 @@ export declare const getRawData: (data: any) => any;
|
|
159
159
|
* @param parentVal
|
160
160
|
* @returns
|
161
161
|
*/
|
162
|
-
export declare const getNumberOrPercentValue: (val:
|
162
|
+
export declare const getNumberOrPercentValue: (val: number | string, parentVal?: number) => number;
|
@@ -17668,9 +17668,9 @@ var tableProps = {
|
|
17668
17668
|
stripe: shared_namespaceObject.PropTypes.bool.def(false),
|
17669
17669
|
/**
|
17670
17670
|
* 设置表格最小高度
|
17671
|
-
* 默认:LINE_HEIGHT *
|
17671
|
+
* 默认:LINE_HEIGHT * 2
|
17672
17672
|
*/
|
17673
|
-
minHeight: StringNumberType(LINE_HEIGHT
|
17673
|
+
minHeight: StringNumberType(LINE_HEIGHT),
|
17674
17674
|
/**
|
17675
17675
|
* 设置表格最d大高度
|
17676
17676
|
* 默认:auto,依赖外层高度
|
@@ -80,10 +80,6 @@ declare const BkTimePicker: {
|
|
80
80
|
readonly default: "bottom-start";
|
81
81
|
readonly validator: (value: any) => boolean;
|
82
82
|
};
|
83
|
-
transfer: {
|
84
|
-
readonly type: BooleanConstructor;
|
85
|
-
readonly default: false;
|
86
|
-
};
|
87
83
|
appendToBody: {
|
88
84
|
readonly type: BooleanConstructor;
|
89
85
|
readonly default: false;
|
@@ -288,10 +284,6 @@ declare const BkTimePicker: {
|
|
288
284
|
readonly default: "bottom-start";
|
289
285
|
readonly validator: (value: any) => boolean;
|
290
286
|
};
|
291
|
-
transfer: {
|
292
|
-
readonly type: BooleanConstructor;
|
293
|
-
readonly default: false;
|
294
|
-
};
|
295
287
|
appendToBody: {
|
296
288
|
readonly type: BooleanConstructor;
|
297
289
|
readonly default: false;
|
@@ -366,7 +358,6 @@ declare const BkTimePicker: {
|
|
366
358
|
open: boolean;
|
367
359
|
multiple: boolean;
|
368
360
|
placeholder: string;
|
369
|
-
transfer: boolean;
|
370
361
|
behavior: "normal" | "simplicity";
|
371
362
|
clearable: boolean;
|
372
363
|
readonly: boolean;
|
@@ -485,10 +476,6 @@ declare const BkTimePicker: {
|
|
485
476
|
readonly default: "bottom-start";
|
486
477
|
readonly validator: (value: any) => boolean;
|
487
478
|
};
|
488
|
-
transfer: {
|
489
|
-
readonly type: BooleanConstructor;
|
490
|
-
readonly default: false;
|
491
|
-
};
|
492
479
|
appendToBody: {
|
493
480
|
readonly type: BooleanConstructor;
|
494
481
|
readonly default: false;
|
@@ -622,7 +609,6 @@ declare const BkTimePicker: {
|
|
622
609
|
open: boolean;
|
623
610
|
multiple: boolean;
|
624
611
|
placeholder: string;
|
625
|
-
transfer: boolean;
|
626
612
|
behavior: "normal" | "simplicity";
|
627
613
|
clearable: boolean;
|
628
614
|
readonly: boolean;
|
@@ -730,10 +716,6 @@ declare const BkTimePicker: {
|
|
730
716
|
readonly default: "bottom-start";
|
731
717
|
readonly validator: (value: any) => boolean;
|
732
718
|
};
|
733
|
-
transfer: {
|
734
|
-
readonly type: BooleanConstructor;
|
735
|
-
readonly default: false;
|
736
|
-
};
|
737
719
|
appendToBody: {
|
738
720
|
readonly type: BooleanConstructor;
|
739
721
|
readonly default: false;
|
@@ -867,7 +849,6 @@ declare const BkTimePicker: {
|
|
867
849
|
open: boolean;
|
868
850
|
multiple: boolean;
|
869
851
|
placeholder: string;
|
870
|
-
transfer: boolean;
|
871
852
|
behavior: "normal" | "simplicity";
|
872
853
|
clearable: boolean;
|
873
854
|
readonly: boolean;
|
package/lib/tree/index.js
CHANGED
@@ -17647,6 +17647,9 @@ var treeProps = {
|
|
17647
17647
|
* 是否支持多选
|
17648
17648
|
*/
|
17649
17649
|
showCheckbox: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.func]).def(false),
|
17650
|
+
/**
|
17651
|
+
* 默认选中的节点id,selectable为false时无效
|
17652
|
+
*/
|
17650
17653
|
checked: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def([]),
|
17651
17654
|
/**
|
17652
17655
|
* 是否显示节点类型Icon
|
package/lib/tree/props.d.ts
CHANGED
@@ -157,6 +157,9 @@ export declare const treeProps: {
|
|
157
157
|
showCheckbox: import("vue-types").VueTypeDef<any> & {
|
158
158
|
default: any;
|
159
159
|
};
|
160
|
+
/**
|
161
|
+
* 默认选中的节点id,selectable为false时无效
|
162
|
+
*/
|
160
163
|
checked: import("vue-types").VueTypeDef<any[]> & {
|
161
164
|
default: () => any[];
|
162
165
|
};
|