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.
Files changed (72) hide show
  1. package/dist/index.cjs.js +62 -62
  2. package/dist/index.esm.js +9577 -9514
  3. package/dist/index.umd.js +62 -62
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/alert/alert.d.ts +0 -7
  7. package/lib/alert/index.d.ts +0 -15
  8. package/lib/alert/index.js +0 -1
  9. package/lib/checkbox/checkbox-group.d.ts +0 -16
  10. package/lib/checkbox/index.d.ts +0 -11
  11. package/lib/checkbox/index.js +0 -1
  12. package/lib/date-picker/date-picker.d.ts +0 -9
  13. package/lib/date-picker/index.d.ts +0 -19
  14. package/lib/date-picker/index.js +0 -4
  15. package/lib/date-picker/panel/time-range.d.ts +0 -9
  16. package/lib/date-picker/panel/time.d.ts +0 -9
  17. package/lib/date-picker/props.d.ts +0 -4
  18. package/lib/date-picker/time-picker.d.ts +0 -9
  19. package/lib/dialog/dialog.d.ts +11 -0
  20. package/lib/dialog/index.d.ts +23 -0
  21. package/lib/dialog/props.d.ts +5 -0
  22. package/lib/dropdown/dropdown-item.d.ts +1 -1
  23. package/lib/dropdown/dropdown-menu.d.ts +1 -1
  24. package/lib/dropdown/index.d.ts +2 -2
  25. package/lib/form/form-item.d.ts +0 -16
  26. package/lib/form/index.d.ts +0 -11
  27. package/lib/form/index.js +0 -1
  28. package/lib/index.js +1 -1
  29. package/lib/modal/index.d.ts +28 -0
  30. package/lib/modal/index.js +33 -18
  31. package/lib/modal/modal.d.ts +11 -0
  32. package/lib/modal/props.mixin.d.ts +5 -0
  33. package/lib/pagination/index.d.ts +0 -19
  34. package/lib/pagination/index.js +29 -8
  35. package/lib/pagination/pagination.css +8 -8
  36. package/lib/pagination/pagination.d.ts +0 -13
  37. package/lib/pagination/pagination.less +14 -13
  38. package/lib/pagination/pagination.variable.css +8 -8
  39. package/lib/pop-confirm/index.d.ts +0 -32
  40. package/lib/pop-confirm/index.js +16 -18
  41. package/lib/pop-confirm/pop-confirm.css +3 -1
  42. package/lib/pop-confirm/pop-confirm.d.ts +0 -14
  43. package/lib/pop-confirm/pop-confirm.less +3 -1
  44. package/lib/pop-confirm/pop-confirm.variable.css +3 -1
  45. package/lib/pop-confirm/props.d.ts +1 -7
  46. package/lib/radio/radio-button.d.ts +2 -2
  47. package/lib/radio/radio-group.d.ts +2 -2
  48. package/lib/scrollbar/index.js +1 -1
  49. package/lib/select/index.js +1 -1
  50. package/lib/sideslider/index.d.ts +23 -0
  51. package/lib/sideslider/index.js +1 -0
  52. package/lib/sideslider/sideslider.css +7 -8
  53. package/lib/sideslider/sideslider.d.ts +11 -0
  54. package/lib/sideslider/sideslider.less +7 -8
  55. package/lib/sideslider/sideslider.variable.css +7 -8
  56. package/lib/steps/index.d.ts +0 -15
  57. package/lib/steps/index.js +0 -1
  58. package/lib/steps/steps.d.ts +0 -10
  59. package/lib/table/hooks/use-columns.d.ts +7 -2
  60. package/lib/table/hooks/use-head.d.ts +1 -0
  61. package/lib/table/hooks/use-layout.d.ts +1 -0
  62. package/lib/table/index.js +208 -62
  63. package/lib/table/props.d.ts +11 -2
  64. package/lib/table/table.css +20 -8
  65. package/lib/table/table.less +17 -0
  66. package/lib/table/table.variable.css +20 -8
  67. package/lib/table/utils.d.ts +2 -2
  68. package/lib/table-column/index.js +2 -2
  69. package/lib/time-picker/index.d.ts +0 -19
  70. package/lib/tree/index.js +3 -0
  71. package/lib/tree/props.d.ts +3 -0
  72. package/package.json +1 -1
@@ -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
  }
@@ -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
  }
@@ -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: any, key: string | string[], args: any[]) => any;
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: string | number, parentVal?: number) => number;
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 * 4
17671
+ * 默认:LINE_HEIGHT * 2
17672
17672
  */
17673
- minHeight: StringNumberType(LINE_HEIGHT * 3),
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
@@ -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
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "2.0.1-beta.29",
3
+ "version": "2.0.1-beta.30",
4
4
  "workspaces": [
5
5
  "packages/**",
6
6
  "scripts/cli",