bkui-vue 0.0.1-beta.124 → 0.0.1-beta.125

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 +145 -31
  2. package/dist/index.esm.js +3392 -441
  3. package/dist/index.umd.js +145 -31
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -0
  6. package/lib/affix/affix.variable.css +2 -2
  7. package/lib/alert/alert.variable.css +2 -2
  8. package/lib/backtop/backtop.variable.css +2 -2
  9. package/lib/badge/badge.variable.css +2 -2
  10. package/lib/breadcrumb/breadcrumb.variable.css +2 -2
  11. package/lib/button/button.css +4 -0
  12. package/lib/button/button.less +13 -7
  13. package/lib/button/button.variable.css +6 -2
  14. package/lib/card/card.variable.css +2 -2
  15. package/lib/cascader/cascader.variable.css +2 -2
  16. package/lib/checkbox/checkbox.css +1 -1
  17. package/lib/checkbox/checkbox.less +1 -1
  18. package/lib/checkbox/checkbox.variable.css +3 -3
  19. package/lib/code-diff/code-diff.variable.css +2 -2
  20. package/lib/collapse/collapse.variable.css +2 -2
  21. package/lib/components.d.ts +1 -0
  22. package/lib/components.js +1 -1
  23. package/lib/container/container.variable.css +2 -2
  24. package/lib/date-picker/date-picker.variable.css +2 -2
  25. package/lib/directives/index.js +1 -1
  26. package/lib/directives/tooltips.d.ts +0 -1
  27. package/lib/divider/divider.variable.css +2 -2
  28. package/lib/dropdown/dropdown.variable.css +2 -2
  29. package/lib/exception/exception.variable.css +2 -2
  30. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  31. package/lib/form/form.variable.css +2 -2
  32. package/lib/input/index.js +1 -1
  33. package/lib/input/input.css +13 -5
  34. package/lib/input/input.less +12 -2
  35. package/lib/input/input.variable.css +12 -4
  36. package/lib/link/link.variable.css +2 -2
  37. package/lib/loading/loading.css +0 -2
  38. package/lib/loading/loading.less +2 -2
  39. package/lib/loading/loading.variable.css +2 -4
  40. package/lib/menu/menu.variable.css +2 -2
  41. package/lib/menu/submenu.variable.css +2 -2
  42. package/lib/message/message.variable.css +2 -2
  43. package/lib/navigation/navigation.variable.css +2 -2
  44. package/lib/notify/notify.variable.css +2 -2
  45. package/lib/pagination/pagination.variable.css +2 -2
  46. package/lib/popover/popover.variable.css +2 -2
  47. package/lib/popover2/popover2.variable.css +2 -2
  48. package/lib/process/process.variable.css +2 -2
  49. package/lib/progress/progress.variable.css +2 -2
  50. package/lib/radio/radio.variable.css +2 -2
  51. package/lib/resize-layout/resize-layout.variable.css +2 -2
  52. package/lib/select/select.variable.css +2 -2
  53. package/lib/sideslider/sideslider.variable.css +2 -2
  54. package/lib/slider/slider.variable.css +2 -2
  55. package/lib/steps/steps.variable.css +2 -2
  56. package/lib/styles/mixins/scroll.css +17 -0
  57. package/lib/styles/mixins/scroll.less +22 -0
  58. package/lib/styles/mixins/scroll.variable.css +119 -0
  59. package/lib/styles/themes/themes.less +2 -2
  60. package/lib/switcher/switcher.variable.css +2 -2
  61. package/lib/tab/tab.variable.css +2 -2
  62. package/lib/table/index.d.ts +5 -16
  63. package/lib/table/index.js +1 -1
  64. package/lib/table/plugins/head-filter.less +1 -1
  65. package/lib/table/plugins/head-filter.variable.css +2 -2
  66. package/lib/table/plugins/head-sort.less +1 -1
  67. package/lib/table/plugins/head-sort.variable.css +2 -2
  68. package/lib/table/plugins/settings.css +22 -4
  69. package/lib/table/plugins/settings.less +25 -5
  70. package/lib/table/plugins/settings.variable.css +24 -6
  71. package/lib/table/props.d.ts +2 -3
  72. package/lib/table/table.css +664 -4
  73. package/lib/table/table.d.ts +2 -7
  74. package/lib/table/table.less +6 -0
  75. package/lib/table/table.variable.css +666 -6
  76. package/lib/tag/tag.variable.css +2 -2
  77. package/lib/tag-input/tag-input.variable.css +2 -2
  78. package/lib/timeline/timeline.variable.css +2 -2
  79. package/lib/transfer/transfer.variable.css +2 -2
  80. package/lib/tree/index.js +1 -1
  81. package/lib/tree/tree.css +105 -0
  82. package/lib/tree/tree.less +2 -0
  83. package/lib/tree/tree.variable.css +107 -2
  84. package/lib/tree/use-node-action.d.ts +1 -1
  85. package/lib/tree/use-node-attribute.d.ts +1 -0
  86. package/lib/upload/upload.variable.css +2 -2
  87. package/lib/virtual-render/virtual-render.variable.css +2 -2
  88. package/package.json +2 -2
package/lib/loading/loading.css CHANGED
@@ -36,8 +36,6 @@
36
36
  }
37
37
  .bk-loading-wrapper.bk-nested-loading {
38
38
  position: relative;
39
- width: 100%;
40
- height: 100%;
41
39
  }
42
40
  .bk-loading-wrapper.bk-nested-loading.is-block {
43
41
  display: block;
package/lib/loading/loading.less CHANGED
@@ -62,8 +62,8 @@
62
62
 
63
63
  &.@{bk-prefix}-nested-loading {
64
64
  position: relative;
65
- width: 100%;
66
- height: 100%;
65
+ // width: 100%;
66
+ // height: 100%;
67
67
 
68
68
  &.is-block {
69
69
  display: block;
package/lib/loading/loading.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
@@ -138,8 +138,6 @@
138
138
  }
139
139
  .bk-loading-wrapper.bk-nested-loading {
140
140
  position: relative;
141
- width: 100%;
142
- height: 100%;
143
141
  }
144
142
  .bk-loading-wrapper.bk-nested-loading.is-block {
145
143
  display: block;
package/lib/menu/menu.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/menu/submenu.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/message/message.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/navigation/navigation.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/notify/notify.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/pagination/pagination.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/popover/popover.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/popover2/popover2.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/process/process.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/progress/progress.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/radio/radio.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/resize-layout/resize-layout.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/select/select.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/sideslider/sideslider.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/slider/slider.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/steps/steps.variable.css CHANGED
@@ -20,7 +20,7 @@
20
20
  --line-height-large: 18px;
21
21
  --component-size-small: 26px;
22
22
  --component-size-base: 32px;
23
- --component-size-large: 38px;
23
+ --component-size-large: 40px;
24
24
  --border-width-base: 1px;
25
25
  --border-style-base: solid;
26
26
  --border-radius-base: 2px;
@@ -35,7 +35,7 @@
35
35
  --input-horizontal-padding: 10px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
- --input-icon-size: var(--font-size-large);
38
+ --input-icon-size: var(--font-size-medium);
39
39
  --input-maxlength-color: #979ba5;
40
40
  --button-primary-hover-color: #5594fa;
41
41
  --button-danger-hover-color: #ff5656;
package/lib/styles/mixins/scroll.css ADDED
@@ -0,0 +1,17 @@
1
+ .bk-F-scroll-x {
2
+ overflow-x: auto;
3
+ scrollbar-color: #a0a0a0 transparent;
4
+ scrollbar-width: thin;
5
+ }
6
+ .bk-F-scroll-x::-webkit-scrollbar {
7
+ height: 6px;
8
+ }
9
+ .bk-F-scroll-y {
10
+ overflow-y: auto;
11
+ }
12
+ .bk-F-scroll-y::-webkit-scrollbar {
13
+ width: 4px;
14
+ }
15
+ .bk-F-scroll-y::-webkit-scrollbar-thumb {
16
+ border-radius: 4px;
17
+ }
package/lib/styles/mixins/scroll.less ADDED
@@ -0,0 +1,22 @@
1
+ @import '../themes/themes.less';
2
+ .@{bk-prefix}-F-scroll-x {
3
+ overflow-x: auto;
4
+ scrollbar-color: #a0a0a0 transparent;
5
+ scrollbar-width: thin;
6
+
7
+ &::-webkit-scrollbar {
8
+ height: 6px;
9
+ }
10
+ }
11
+
12
+ .@{bk-prefix}-F-scroll-y {
13
+ overflow-y: auto;
14
+
15
+ &::-webkit-scrollbar {
16
+ width: 4px;
17
+ }
18
+
19
+ &::-webkit-scrollbar-thumb {
20
+ border-radius: 4px;
21
+ }
22
+ }
package/lib/styles/mixins/scroll.variable.css ADDED
@@ -0,0 +1,119 @@
1
+ :root {
2
+ --bk-prefix: bk;
3
+ --popover-max-height: 216px;
4
+ --primary-color: #3a84ff;
5
+ --success-color: #2dcb56;
6
+ --warning-color: #ff9c01;
7
+ --danger-color: #ea3636;
8
+ --default-color: #63656e;
9
+ --gray-color: #979ba5;
10
+ --light-gray: #c4c6cc;
11
+ --white-color: white;
12
+ --whitesmoke-color: #fafbfd;
13
+ --disable-color: #dcdee5;
14
+ --font-size-base: 12px;
15
+ --font-size-medium: 14px;
16
+ --font-size-large: 16px;
17
+ --line-height-base: 16px;
18
+ --line-height-medium: 16px;
19
+ --line-height-large: 18px;
20
+ --component-size-small: 26px;
21
+ --component-size-base: 32px;
22
+ --component-size-large: 40px;
23
+ --border-width-base: 1px;
24
+ --border-style-base: solid;
25
+ --border-radius-base: 2px;
26
+ --input-disabled-bg: #fafbfd;
27
+ --input-disabled-border: var(--disable-color);
28
+ --input-height-base: var(--component-size-base);
29
+ --input-color: var(--default-color);
30
+ --input-bg: white;
31
+ --input-border-color: var(--light-gray);
32
+ --input-broder-radius: 3px;
33
+ --input-shadow-color: #a3c5fd;
34
+ --input-horizontal-padding: 10px;
35
+ --input-block-color: #f5f7fa;
36
+ --input-block-hover-color: #eaebf0;
37
+ --input-icon-size: var(--font-size-medium);
38
+ --input-maxlength-color: #979ba5;
39
+ --button-primary-hover-color: #5594fa;
40
+ --button-danger-hover-color: #ff5656;
41
+ --button-success-hover-color: #45e35f;
42
+ --button-warning-hover-color: #ffb848;
43
+ --button-default-hover-border-color: #979ba5;
44
+ --button-primary-active-color: #2c77f4;
45
+ --button-danger-active-color: #db2626;
46
+ --button-success-active-color: #1ab943;
47
+ --button-warning-active-color: #eb9000;
48
+ --button-selected-bg-color: #e1ecff;
49
+ --button-disabled-selected-bg-color: #f0f1f5;
50
+ --fixed-navbar-background: #fff;
51
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
52
+ --switch-default-color: #fff;
53
+ --switch-grey-color: #c4c6cc;
54
+ --breadcrumb-black-color: #979ba5;
55
+ --breadcrumb-primary-hover-color: #0082ff;
56
+ --breadcrumb-fn-main-color: #63656e;
57
+ --link-default-hover-color: #979ba5;
58
+ --link-primary-hover-color: #699df4;
59
+ --link-success-hover-color: #45e35f;
60
+ --link-warning-hover-color: #ffb848;
61
+ --link-danger-hover-color: #ff5656;
62
+ --link-default-disabled-color: #dcdee5;
63
+ --link-primary-disabled-color: #a3c5fd;
64
+ --link-success-disabled-color: #94f5a4;
65
+ --link-warning-disabled-color: #ffd695;
66
+ --link-danger-disabled-color: #fd9c9c;
67
+ --message-color: var(--default-color);
68
+ --message-primary-bg-color: #f0f8ff;
69
+ --message-primary-border-color: #e1ecff;
70
+ --message-warning-bg-color: #fff4e2;
71
+ --message-warning-border-color: #ffe8c3;
72
+ --message-success-bg-color: #f2fff4;
73
+ --message-success-border-color: #dcffe2;
74
+ --message-danger-bg-color: #ffeded;
75
+ --message-danger-border-color: #ffdddd;
76
+ --slider-default-bg: #dcdee5;
77
+ --slider-disable-bar-bg: #979ba5;
78
+ --menu-bg-color: #182132;
79
+ --submenu-bg-color: #151d2c;
80
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
81
+ --menu-color: #96a2b9;
82
+ --menu-group-color: var(--default-color);
83
+ --menu-width: 260px;
84
+ --menu-collapse-width: 60px;
85
+ --menu-active-color: white;
86
+ --nav-header-bg-color: #182132;
87
+ --nav-bg-color: #182132;
88
+ --date-picker-disabled-bg: #fafbfd;
89
+ --date-picker-dropdown-mb: 4px;
90
+ --date-picker-dropdown-bg: #fff;
91
+ --table-bg-color: var(--white-color);
92
+ --table-border-color: #dcdee5;
93
+ --table-head-bg-color: #fafbfd;
94
+ --table-head-font-color: #313238;
95
+ --table-body-font-color: #575961;
96
+ --table-row-hover-bg-color: #f5f7fa;
97
+ --table-row-active-bg-color: #f0f1f5;
98
+ --cascader-panel-border-color: #dcdee5;
99
+ --cascader-panel-hover: #eaf3ff;
100
+ --cascader-panel-active: #f4f6fa;
101
+ --cascader-panel-disabled-bg: #fff;
102
+ }
103
+ .bk-F-scroll-x {
104
+ overflow-x: auto;
105
+ scrollbar-color: #a0a0a0 transparent;
106
+ scrollbar-width: thin;
107
+ }
108
+ .bk-F-scroll-x::-webkit-scrollbar {
109
+ height: 6px;
110
+ }
111
+ .bk-F-scroll-y {
112
+ overflow-y: auto;
113
+ }
114
+ .bk-F-scroll-y::-webkit-scrollbar {
115
+ width: 4px;
116
+ }
117
+ .bk-F-scroll-y::-webkit-scrollbar-thumb {
118
+ border-radius: 4px;
119
+ }
package/lib/styles/themes/themes.less CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  @component-size-small: 26px;
26
26
  @component-size-base: 32px;
27
- @component-size-large: 38px;
27
+ @component-size-large: 40px;
28
28
 
29
29
  @border-width-base: 1px;
30
30
  @border-style-base: solid;
@@ -44,7 +44,7 @@
44
44
  @input-block-color: #f5f7fa;
45
45
  @input-block-hover-color: #eaebf0;
46
46
 
47
- @input-icon-size: @font-size-large;
47
+ @input-icon-size: @font-size-medium;
48
48
  @input-maxlength-color: #979ba5;
49
49
 
50
50
  //button theme
package/lib/switcher/switcher.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/tab/tab.variable.css CHANGED
@@ -19,7 +19,7 @@
19
19
  --line-height-large: 18px;
20
20
  --component-size-small: 26px;
21
21
  --component-size-base: 32px;
22
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
@@ -34,7 +34,7 @@
34
34
  --input-horizontal-padding: 10px;
35
35
  --input-block-color: #f5f7fa;
36
36
  --input-block-hover-color: #eaebf0;
37
- --input-icon-size: var(--font-size-large);
37
+ --input-icon-size: var(--font-size-medium);
38
38
  --input-maxlength-color: #979ba5;
39
39
  --button-primary-hover-color: #5594fa;
40
40
  --button-danger-hover-color: #ff5656;
package/lib/table/index.d.ts CHANGED
@@ -22,7 +22,6 @@ declare const BkTable: {
22
22
  virtualEnabled: boolean;
23
23
  remotePagination: boolean;
24
24
  emptyText: string;
25
- settings: boolean | import("./props").Settings;
26
25
  rowClass: any;
27
26
  rowStyle: any;
28
27
  cellStyle: any;
@@ -88,9 +87,7 @@ declare const BkTable: {
88
87
  } & {
89
88
  default: string;
90
89
  };
91
- settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
92
- default: boolean | (() => import("./props").Settings);
93
- };
90
+ settings: import("vue-types").VueTypeValidableDef<any>;
94
91
  rowClass: import("vue-types").VueTypeDef<any> & {
95
92
  default: any;
96
93
  };
@@ -129,7 +126,7 @@ declare const BkTable: {
129
126
  onPageValueChange?: (...args: any[]) => any;
130
127
  onSettingChange?: (...args: any[]) => any;
131
128
  onScrollBottom?: (...args: any[]) => any;
132
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "maxHeight" | "minHeight" | "border" | "columns" | "headHeight" | "scrollLoading" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "settings" | "rowClass" | "rowStyle" | "cellStyle" | "cellClass" | "reserveExpand" | "rowKey">;
129
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data" | "height" | "maxHeight" | "minHeight" | "border" | "columns" | "headHeight" | "scrollLoading" | "pagination" | "columnPick" | "rowHeight" | "showHead" | "virtualEnabled" | "remotePagination" | "emptyText" | "rowClass" | "rowStyle" | "cellStyle" | "cellClass" | "reserveExpand" | "rowKey">;
133
130
  $attrs: {
134
131
  [x: string]: unknown;
135
132
  };
@@ -202,9 +199,7 @@ declare const BkTable: {
202
199
  } & {
203
200
  default: string;
204
201
  };
205
- settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
206
- default: boolean | (() => import("./props").Settings);
207
- };
202
+ settings: import("vue-types").VueTypeValidableDef<any>;
208
203
  rowClass: import("vue-types").VueTypeDef<any> & {
209
204
  default: any;
210
205
  };
@@ -274,7 +269,6 @@ declare const BkTable: {
274
269
  virtualEnabled: boolean;
275
270
  remotePagination: boolean;
276
271
  emptyText: string;
277
- settings: boolean | import("./props").Settings;
278
272
  rowClass: any;
279
273
  rowStyle: any;
280
274
  cellStyle: any;
@@ -360,9 +354,7 @@ declare const BkTable: {
360
354
  } & {
361
355
  default: string;
362
356
  };
363
- settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
364
- default: boolean | (() => import("./props").Settings);
365
- };
357
+ settings: import("vue-types").VueTypeValidableDef<any>;
366
358
  rowClass: import("vue-types").VueTypeDef<any> & {
367
359
  default: any;
368
360
  };
@@ -464,9 +456,7 @@ declare const BkTable: {
464
456
  } & {
465
457
  default: string;
466
458
  };
467
- settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
468
- default: boolean | (() => import("./props").Settings);
469
- };
459
+ settings: import("vue-types").VueTypeValidableDef<any>;
470
460
  rowClass: import("vue-types").VueTypeDef<any> & {
471
461
  default: any;
472
462
  };
@@ -536,7 +526,6 @@ declare const BkTable: {
536
526
  virtualEnabled: boolean;
537
527
  remotePagination: boolean;
538
528
  emptyText: string;
539
- settings: boolean | import("./props").Settings;
540
529
  rowClass: any;
541
530
  rowStyle: any;
542
531
  cellStyle: any;