bkui-vue 0.0.1-beta.123 → 0.0.1-beta.126

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 (105) hide show
  1. package/dist/index.cjs.js +145 -31
  2. package/dist/index.esm.js +3460 -450
  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.css +43 -0
  11. package/lib/breadcrumb/breadcrumb.variable.css +45 -2
  12. package/lib/button/button.css +4 -0
  13. package/lib/button/button.less +13 -7
  14. package/lib/button/button.variable.css +6 -2
  15. package/lib/card/card.css +43 -0
  16. package/lib/card/card.variable.css +45 -2
  17. package/lib/cascader/cascader.variable.css +2 -2
  18. package/lib/checkbox/checkbox.css +16 -4
  19. package/lib/checkbox/checkbox.d.ts +11 -3
  20. package/lib/checkbox/checkbox.less +22 -4
  21. package/lib/checkbox/checkbox.variable.css +18 -6
  22. package/lib/checkbox/index.d.ts +19 -5
  23. package/lib/checkbox/index.js +1 -1
  24. package/lib/code-diff/code-diff.variable.css +2 -2
  25. package/lib/collapse/collapse.variable.css +2 -2
  26. package/lib/components.d.ts +1 -0
  27. package/lib/components.js +1 -1
  28. package/lib/container/container.css +43 -0
  29. package/lib/container/container.variable.css +45 -2
  30. package/lib/date-picker/date-picker.variable.css +2 -2
  31. package/lib/directives/index.js +1 -1
  32. package/lib/directives/tooltips.d.ts +0 -1
  33. package/lib/divider/divider.variable.css +2 -2
  34. package/lib/dropdown/dropdown.variable.css +2 -2
  35. package/lib/exception/exception.variable.css +2 -2
  36. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  37. package/lib/form/form.variable.css +2 -2
  38. package/lib/input/index.js +1 -1
  39. package/lib/input/input.css +56 -5
  40. package/lib/input/input.less +12 -2
  41. package/lib/input/input.variable.css +55 -4
  42. package/lib/link/link.variable.css +2 -2
  43. package/lib/loading/loading.css +43 -2
  44. package/lib/loading/loading.less +2 -2
  45. package/lib/loading/loading.variable.css +45 -4
  46. package/lib/menu/menu.css +43 -0
  47. package/lib/menu/menu.variable.css +45 -2
  48. package/lib/menu/submenu.variable.css +2 -2
  49. package/lib/message/message.variable.css +2 -2
  50. package/lib/navigation/navigation.variable.css +2 -2
  51. package/lib/notify/notify.variable.css +2 -2
  52. package/lib/pagination/pagination.variable.css +2 -2
  53. package/lib/popover/popover.variable.css +2 -2
  54. package/lib/popover2/popover2.variable.css +2 -2
  55. package/lib/process/process.variable.css +2 -2
  56. package/lib/progress/progress.css +43 -0
  57. package/lib/progress/progress.variable.css +45 -2
  58. package/lib/radio/radio.variable.css +2 -2
  59. package/lib/resize-layout/resize-layout.variable.css +2 -2
  60. package/lib/select/select.variable.css +2 -2
  61. package/lib/sideslider/sideslider.variable.css +2 -2
  62. package/lib/slider/slider.variable.css +2 -2
  63. package/lib/steps/steps.variable.css +2 -2
  64. package/lib/styles/mixins/mixins.css +43 -0
  65. package/lib/styles/mixins/mixins.less +1 -0
  66. package/lib/styles/mixins/mixins.variable.css +43 -0
  67. package/lib/styles/mixins/scroll.css +17 -0
  68. package/lib/styles/mixins/scroll.less +22 -0
  69. package/lib/styles/mixins/scroll.variable.css +119 -0
  70. package/lib/styles/themes/themes.less +2 -2
  71. package/lib/switcher/switcher.css +43 -0
  72. package/lib/switcher/switcher.variable.css +45 -2
  73. package/lib/tab/tab.variable.css +2 -2
  74. package/lib/table/index.d.ts +11 -11
  75. package/lib/table/index.js +1 -1
  76. package/lib/table/plugins/head-filter.less +1 -1
  77. package/lib/table/plugins/head-filter.variable.css +2 -2
  78. package/lib/table/plugins/head-sort.less +1 -1
  79. package/lib/table/plugins/head-sort.variable.css +2 -2
  80. package/lib/table/plugins/settings.css +23 -4
  81. package/lib/table/plugins/settings.less +26 -5
  82. package/lib/table/plugins/settings.variable.css +25 -6
  83. package/lib/table/props.d.ts +3 -2
  84. package/lib/table/table.css +665 -4
  85. package/lib/table/table.d.ts +5 -5
  86. package/lib/table/table.less +6 -0
  87. package/lib/table/table.variable.css +667 -6
  88. package/lib/tag/tag.variable.css +2 -2
  89. package/lib/tag-input/tag-input.variable.css +2 -2
  90. package/lib/timeline/timeline.variable.css +2 -2
  91. package/lib/transfer/transfer.variable.css +2 -2
  92. package/lib/tree/constant.d.ts +3 -1
  93. package/lib/tree/index.d.ts +54 -2
  94. package/lib/tree/index.js +1 -1
  95. package/lib/tree/props.d.ts +16 -0
  96. package/lib/tree/tree.css +124 -0
  97. package/lib/tree/tree.d.ts +24 -0
  98. package/lib/tree/tree.less +24 -0
  99. package/lib/tree/tree.variable.css +126 -2
  100. package/lib/tree/use-node-action.d.ts +2 -1
  101. package/lib/tree/use-node-attribute.d.ts +2 -0
  102. package/lib/upload/upload.css +43 -0
  103. package/lib/upload/upload.variable.css +45 -2
  104. package/lib/virtual-render/virtual-render.variable.css +2 -2
  105. package/package.json +2 -2
package/lib/loading/loading.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-loading-wrapper {
31
74
  position: static;
32
75
  vertical-align: middle;
@@ -36,8 +79,6 @@
36
79
  }
37
80
  .bk-loading-wrapper.bk-nested-loading {
38
81
  position: relative;
39
- width: 100%;
40
- height: 100%;
41
82
  }
42
83
  .bk-loading-wrapper.bk-nested-loading.is-block {
43
84
  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;
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-loading-wrapper {
133
176
  position: static;
134
177
  vertical-align: middle;
@@ -138,8 +181,6 @@
138
181
  }
139
182
  .bk-loading-wrapper.bk-nested-loading {
140
183
  position: relative;
141
- width: 100%;
142
- height: 100%;
143
184
  }
144
185
  .bk-loading-wrapper.bk-nested-loading.is-block {
145
186
  display: block;
package/lib/menu/menu.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .collapse {
31
74
  width: 60px;
32
75
  }
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;
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .collapse {
133
176
  width: var(--menu-collapse-width);
134
177
  }
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.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-progress {
31
74
  display: inline-block;
32
75
  }
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;
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-progress {
133
176
  display: inline-block;
134
177
  }
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/mixins.css CHANGED
@@ -27,3 +27,46 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
package/lib/styles/mixins/mixins.less CHANGED
@@ -2,3 +2,4 @@
2
2
  @import './animate.less';
3
3
  @import './ellipsis.less';
4
4
  @import './clearfix.less';
5
+ @import './popper.less';