bkui-vue 0.0.2-beta.110 → 0.0.2-beta.111

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 (185) hide show
  1. package/dist/index.cjs.js +40 -40
  2. package/dist/index.esm.js +2896 -2882
  3. package/dist/index.umd.js +40 -40
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +1 -1
  7. package/lib/affix/affix.variable.css +2 -2
  8. package/lib/alert/alert.css +1 -1
  9. package/lib/alert/alert.variable.css +2 -2
  10. package/lib/backtop/backtop.css +1 -1
  11. package/lib/backtop/backtop.variable.css +3 -3
  12. package/lib/badge/badge.css +9 -3
  13. package/lib/badge/badge.less +8 -4
  14. package/lib/badge/badge.variable.css +10 -4
  15. package/lib/breadcrumb/breadcrumb.css +1 -1
  16. package/lib/breadcrumb/breadcrumb.variable.css +3 -3
  17. package/lib/button/button-group.d.ts +2 -2
  18. package/lib/button/button.css +1 -1
  19. package/lib/button/button.variable.css +2 -2
  20. package/lib/button/index.d.ts +2 -2
  21. package/lib/card/card.css +8 -8
  22. package/lib/card/card.less +7 -7
  23. package/lib/card/card.variable.css +10 -10
  24. package/lib/cascader/cascader.css +1 -1
  25. package/lib/cascader/cascader.variable.css +3 -3
  26. package/lib/checkbox/checkbox.css +2 -2
  27. package/lib/checkbox/checkbox.d.ts +8 -8
  28. package/lib/checkbox/checkbox.less +1 -1
  29. package/lib/checkbox/checkbox.variable.css +3 -3
  30. package/lib/checkbox/index.d.ts +12 -12
  31. package/lib/code-diff/code-diff.css +1 -1
  32. package/lib/code-diff/code-diff.variable.css +2 -2
  33. package/lib/collapse/collapse.css +1 -1
  34. package/lib/collapse/collapse.variable.css +2 -2
  35. package/lib/collapse-transition/collapse-transition.css +1 -1
  36. package/lib/collapse-transition/collapse-transition.variable.css +2 -2
  37. package/lib/color-picker/color-picker.css +1 -1
  38. package/lib/color-picker/color-picker.variable.css +2 -2
  39. package/lib/config-provider/config-provider.css +1 -1
  40. package/lib/config-provider/config-provider.variable.css +2 -2
  41. package/lib/container/container.css +1 -1
  42. package/lib/container/container.variable.css +3 -3
  43. package/lib/date-picker/date-picker.css +1 -1
  44. package/lib/date-picker/date-picker.variable.css +2 -2
  45. package/lib/dialog/dialog.css +8 -7
  46. package/lib/dialog/dialog.less +7 -6
  47. package/lib/dialog/dialog.variable.css +10 -9
  48. package/lib/divider/divider.css +1 -1
  49. package/lib/divider/divider.variable.css +2 -2
  50. package/lib/dropdown/dropdown.css +2 -2
  51. package/lib/dropdown/dropdown.variable.css +4 -4
  52. package/lib/exception/exception.css +1 -1
  53. package/lib/exception/exception.variable.css +2 -2
  54. package/lib/fixed-navbar/fixed-navbar.css +1 -1
  55. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  56. package/lib/form/form.css +2 -2
  57. package/lib/form/form.less +2 -2
  58. package/lib/form/form.variable.css +3 -3
  59. package/lib/image/image-viewer.css +1 -1
  60. package/lib/image/image-viewer.variable.css +2 -2
  61. package/lib/image/image.css +1 -1
  62. package/lib/image/image.variable.css +3 -3
  63. package/lib/info-box/info-box.css +1 -1
  64. package/lib/info-box/info-box.variable.css +2 -2
  65. package/lib/input/index.d.ts +4 -4
  66. package/lib/input/input.css +1 -1
  67. package/lib/input/input.d.ts +3 -3
  68. package/lib/input/input.variable.css +3 -3
  69. package/lib/link/link.css +1 -1
  70. package/lib/link/link.variable.css +2 -2
  71. package/lib/loading/loading.css +10 -10
  72. package/lib/loading/loading.less +14 -9
  73. package/lib/loading/loading.variable.css +12 -12
  74. package/lib/menu/menu.css +1 -1
  75. package/lib/menu/menu.variable.css +3 -3
  76. package/lib/menu/submenu.css +1 -1
  77. package/lib/menu/submenu.variable.css +2 -2
  78. package/lib/message/message.css +1 -1
  79. package/lib/message/message.variable.css +2 -2
  80. package/lib/modal/modal.css +1 -1
  81. package/lib/modal/modal.variable.css +3 -3
  82. package/lib/navigation/navigation.css +1 -1
  83. package/lib/navigation/navigation.variable.css +2 -2
  84. package/lib/notify/notify.css +7 -7
  85. package/lib/notify/notify.less +6 -6
  86. package/lib/notify/notify.variable.css +8 -8
  87. package/lib/pagination/index.d.ts +4 -4
  88. package/lib/pagination/pagination.css +1 -1
  89. package/lib/pagination/pagination.d.ts +3 -3
  90. package/lib/pagination/pagination.variable.css +2 -2
  91. package/lib/pop-confirm/pop-confirm.css +5 -5
  92. package/lib/pop-confirm/pop-confirm.less +4 -4
  93. package/lib/pop-confirm/pop-confirm.variable.css +6 -6
  94. package/lib/popover/popover.css +2 -2
  95. package/lib/popover/popover.less +1 -1
  96. package/lib/popover/popover.variable.css +3 -3
  97. package/lib/process/process.css +1 -1
  98. package/lib/process/process.variable.css +2 -2
  99. package/lib/progress/index.d.ts +4 -4
  100. package/lib/progress/progress.css +8 -4
  101. package/lib/progress/progress.d.ts +3 -3
  102. package/lib/progress/progress.less +8 -3
  103. package/lib/progress/progress.variable.css +10 -6
  104. package/lib/radio/index.d.ts +2 -2
  105. package/lib/radio/radio-button.d.ts +3 -3
  106. package/lib/radio/radio.css +2 -2
  107. package/lib/radio/radio.less +1 -1
  108. package/lib/radio/radio.variable.css +3 -3
  109. package/lib/rate/index.d.ts +4 -4
  110. package/lib/rate/index.js +6 -2
  111. package/lib/rate/rate.css +1 -1
  112. package/lib/rate/rate.d.ts +2 -2
  113. package/lib/rate/rate.variable.css +2 -2
  114. package/lib/rate/star.css +1 -1
  115. package/lib/rate/star.variable.css +2 -2
  116. package/lib/resize-layout/resize-layout.css +1 -1
  117. package/lib/resize-layout/resize-layout.variable.css +2 -2
  118. package/lib/search-select/search-select.css +1 -1
  119. package/lib/search-select/search-select.variable.css +3 -3
  120. package/lib/select/index.d.ts +9 -9
  121. package/lib/select/index.js +1 -1
  122. package/lib/select/select.css +1 -1
  123. package/lib/select/select.d.ts +5 -5
  124. package/lib/select/select.variable.css +3 -3
  125. package/lib/shared/index.js +1 -1
  126. package/lib/shared/vue-types.d.ts +1 -1
  127. package/lib/sideslider/sideslider.css +1 -1
  128. package/lib/sideslider/sideslider.variable.css +2 -2
  129. package/lib/slider/slider.css +1 -1
  130. package/lib/slider/slider.variable.css +2 -2
  131. package/lib/steps/index.d.ts +4 -4
  132. package/lib/steps/steps.css +3 -3
  133. package/lib/steps/steps.d.ts +3 -3
  134. package/lib/steps/steps.less +2 -2
  135. package/lib/steps/steps.variable.css +4 -4
  136. package/lib/styles/mixins/animate.css +1 -1
  137. package/lib/styles/mixins/animate.variable.css +2 -2
  138. package/lib/styles/mixins/mixins.css +1 -1
  139. package/lib/styles/mixins/mixins.variable.css +1 -1
  140. package/lib/styles/mixins/popper.css +1 -1
  141. package/lib/styles/mixins/popper.variable.css +2 -2
  142. package/lib/styles/mixins/scroll.css +1 -1
  143. package/lib/styles/mixins/scroll.variable.css +2 -2
  144. package/lib/styles/reset.css +1 -1
  145. package/lib/styles/reset.variable.css +2 -2
  146. package/lib/styles/themes/themes.css +1 -1
  147. package/lib/styles/themes/themes.less +2 -1
  148. package/lib/styles/themes/themes.variable.css +1 -1
  149. package/lib/swiper/swiper.css +1 -1
  150. package/lib/swiper/swiper.variable.css +2 -2
  151. package/lib/switcher/index.d.ts +4 -4
  152. package/lib/switcher/switcher.css +1 -1
  153. package/lib/switcher/switcher.d.ts +3 -3
  154. package/lib/switcher/switcher.variable.css +3 -3
  155. package/lib/tab/tab.css +1 -1
  156. package/lib/tab/tab.variable.css +2 -2
  157. package/lib/table/index.js +31 -17
  158. package/lib/table/plugins/head-filter.css +2 -29
  159. package/lib/table/plugins/head-filter.less +2 -34
  160. package/lib/table/plugins/head-filter.variable.css +3 -30
  161. package/lib/table/plugins/head-sort.css +1 -1
  162. package/lib/table/plugins/head-sort.variable.css +2 -2
  163. package/lib/table/plugins/settings.css +1 -1
  164. package/lib/table/plugins/settings.variable.css +2 -2
  165. package/lib/table/table.css +5 -31
  166. package/lib/table/table.less +1 -0
  167. package/lib/table/table.variable.css +7 -33
  168. package/lib/tag/tag.css +1 -1
  169. package/lib/tag/tag.variable.css +2 -2
  170. package/lib/tag-input/tag-input.css +1 -1
  171. package/lib/tag-input/tag-input.variable.css +2 -2
  172. package/lib/time-picker/time-picker.css +1 -1
  173. package/lib/time-picker/time-picker.variable.css +2 -2
  174. package/lib/timeline/timeline.css +1 -1
  175. package/lib/timeline/timeline.variable.css +2 -2
  176. package/lib/transfer/transfer.css +3 -3
  177. package/lib/transfer/transfer.less +2 -2
  178. package/lib/transfer/transfer.variable.css +4 -4
  179. package/lib/tree/tree.css +2 -2
  180. package/lib/tree/tree.variable.css +4 -4
  181. package/lib/upload/upload.css +1 -1
  182. package/lib/upload/upload.variable.css +3 -3
  183. package/lib/virtual-render/virtual-render.css +1 -1
  184. package/lib/virtual-render/virtual-render.variable.css +3 -3
  185. package/package.json +1 -1
package/lib/styles/mixins/scroll.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/styles/mixins/scroll.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/styles/reset.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/styles/reset.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/styles/themes/themes.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/styles/themes/themes.less CHANGED
@@ -42,7 +42,8 @@
42
42
  --input-border-color: var(--light-gray);
43
43
  --input-broder-radius: 3px;
44
44
  --input-shadow-color: #a3c5fd;
45
- --input-horizontal-padding: 10px;
45
+ // --input-horizontal-padding: 10px;
46
+ --input-horizontal-padding: 8px;
46
47
  --input-block-color: #f5f7fa;
47
48
  --input-block-hover-color: #eaebf0;
48
49
 
package/lib/styles/themes/themes.variable.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/swiper/swiper.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/swiper/swiper.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/switcher/index.d.ts CHANGED
@@ -62,7 +62,7 @@ declare const BkSwitcher: {
62
62
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
63
63
  [key: string]: any;
64
64
  }>) => void)[];
65
- readonly size?: "default" | "small" | "large";
65
+ readonly size?: "default" | "small" | "large" | "huge";
66
66
  "onUpdate:modelValue"?: (value: string | number | boolean) => any;
67
67
  };
68
68
  $attrs: {
@@ -82,7 +82,7 @@ declare const BkSwitcher: {
82
82
  theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
83
83
  default: "success" | "primary";
84
84
  };
85
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
85
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
86
86
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
87
87
  default: boolean;
88
88
  };
@@ -175,7 +175,7 @@ declare const BkSwitcher: {
175
175
  theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
176
176
  default: "success" | "primary";
177
177
  };
178
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
178
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
179
179
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
180
180
  default: boolean;
181
181
  };
@@ -234,7 +234,7 @@ declare const BkSwitcher: {
234
234
  theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
235
235
  default: "success" | "primary";
236
236
  };
237
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
237
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
238
238
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
239
239
  default: boolean;
240
240
  };
package/lib/switcher/switcher.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/switcher/switcher.d.ts CHANGED
@@ -3,7 +3,7 @@ export declare const switcherType: {
3
3
  theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
4
4
  default: "success" | "primary";
5
5
  };
6
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
6
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
7
7
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
8
8
  default: boolean;
9
9
  };
@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
63
63
  theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
64
64
  default: "success" | "primary";
65
65
  };
66
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
66
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
67
67
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
68
68
  default: boolean;
69
69
  };
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
118
118
  theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
119
119
  default: "success" | "primary";
120
120
  };
121
- size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
121
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
122
122
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
123
123
  default: boolean;
124
124
  };
package/lib/switcher/switcher.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -398,7 +398,7 @@
398
398
  --input-border-color: var(--light-gray);
399
399
  --input-broder-radius: 3px;
400
400
  --input-shadow-color: #a3c5fd;
401
- --input-horizontal-padding: 10px;
401
+ --input-horizontal-padding: 8px;
402
402
  --input-block-color: #f5f7fa;
403
403
  --input-block-hover-color: #eaebf0;
404
404
  --input-icon-size: var(--font-size-medium);
package/lib/tab/tab.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/tab/tab.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/table/index.js CHANGED
@@ -13,9 +13,9 @@ import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
13
13
  import * as __WEBPACK_EXTERNAL_MODULE__pagination_6e36ddb9__ from "../pagination";
14
14
  import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
15
15
  import * as __WEBPACK_EXTERNAL_MODULE__exception_12c197e0__ from "../exception";
16
+ import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
16
17
  import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
17
18
  import * as __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__ from "../icon/";
18
- import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
19
19
  /******/ // The require scope
20
20
  /******/ var __webpack_require__ = {};
21
21
  /******/
@@ -4463,6 +4463,10 @@ const external_exception_namespaceObject = external_exception_x({ ["default"]: (
4463
4463
  };
4464
4464
  }
4465
4465
  }));
4466
+ ;// CONCATENATED MODULE: external "../button"
4467
+ var external_button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
4468
+ var external_button_y = x => () => x
4469
+ const external_button_namespaceObject = external_button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__button_59c00871__["default"] });
4466
4470
  ;// CONCATENATED MODULE: external "../popover"
4467
4471
  var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
4468
4472
  var external_popover_y = x => () => x
@@ -4506,6 +4510,10 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
4506
4510
 
4507
4511
 
4508
4512
 
4513
+
4514
+ function _isSlot(s) {
4515
+ return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
4516
+ }
4509
4517
  /* harmony default export */ const head_filter = ((0,external_vue_namespaceObject.defineComponent)({
4510
4518
  name: 'HeadFilter',
4511
4519
  props: {
@@ -4632,10 +4640,16 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
4632
4640
  "class": "btn-filter-save disabled"
4633
4641
  }, [text]);
4634
4642
  }
4635
- return (0,external_vue_namespaceObject.createVNode)("span", {
4636
- "class": "btn-filter-save",
4643
+ return (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
4644
+ "theme": "primary",
4645
+ "size": "small",
4646
+ "style": "width: 56px; margin-right: 8px;",
4637
4647
  "onClick": handleBtnSaveClick
4638
- }, [text]);
4648
+ }, _isSlot(text) ? text : {
4649
+ "default": function _default() {
4650
+ return [text];
4651
+ }
4652
+ });
4639
4653
  };
4640
4654
  var renderResetBtn = function renderResetBtn() {
4641
4655
  var _resolveBtnOption3 = resolveBtnOption(btnReset, t.value.reset),
@@ -4644,10 +4658,16 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
4644
4658
  if (disabled) {
4645
4659
  return '';
4646
4660
  }
4647
- return (0,external_vue_namespaceObject.createVNode)("span", {
4648
- "class": ['btn-filter-reset', state.checked.length ? '' : 'disable'],
4661
+ return (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
4662
+ "style": "width: 56px;",
4663
+ "size": "small",
4664
+ "disabled": state.checked.length === 0,
4649
4665
  "onClick": handleBtnResetClick
4650
- }, [text]);
4666
+ }, _isSlot(text) ? text : {
4667
+ "default": function _default() {
4668
+ return [text];
4669
+ }
4670
+ });
4651
4671
  };
4652
4672
  var handleValueChange = function handleValueChange(val, item) {
4653
4673
  var _state$checked;
@@ -4741,9 +4761,7 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
4741
4761
  }
4742
4762
  }), (0,external_vue_namespaceObject.createVNode)("div", {
4743
4763
  "class": "content-footer"
4744
- }, [renderSaveBtn(), (0,external_vue_namespaceObject.createVNode)("span", {
4745
- "class": "btn-filter-split"
4746
- }, null), renderResetBtn()])]);
4764
+ }, [renderSaveBtn(), renderResetBtn()])]);
4747
4765
  }
4748
4766
  });
4749
4767
  };
@@ -4899,10 +4917,6 @@ const _namespaceObject = _x({ ["AngleDownFill"]: () => __WEBPACK_EXTERNAL_MODULE
4899
4917
  };
4900
4918
  }
4901
4919
  }));
4902
- ;// CONCATENATED MODULE: external "../button"
4903
- var external_button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
4904
- var external_button_y = x => () => x
4905
- const external_button_namespaceObject = external_button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__button_59c00871__["default"] });
4906
4920
  ;// CONCATENATED MODULE: ../../packages/table/src/plugins/settings.tsx
4907
4921
 
4908
4922
 
@@ -4941,7 +4955,7 @@ const external_button_namespaceObject = external_button_x({ ["default"]: () => _
4941
4955
 
4942
4956
 
4943
4957
 
4944
- function _isSlot(s) {
4958
+ function settings_isSlot(s) {
4945
4959
  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
4946
4960
  }
4947
4961
  /* harmony default export */ const plugins_settings = ((0,external_vue_namespaceObject.defineComponent)({
@@ -5165,7 +5179,7 @@ function _isSlot(s) {
5165
5179
  "onUpdate:modelValue": function onUpdateModelValue($event) {
5166
5180
  return checkedFields.value = $event;
5167
5181
  }
5168
- }, _isSlot(_slot2 = renderFields.value.map(function (item, index) {
5182
+ }, settings_isSlot(_slot2 = renderFields.value.map(function (item, index) {
5169
5183
  var _slot;
5170
5184
  return (0,external_vue_namespaceObject.createVNode)("div", {
5171
5185
  "class": "field-item"
@@ -5173,7 +5187,7 @@ function _isSlot(s) {
5173
5187
  "checked": checkedFields.value.includes(resolvedColVal(item, index)),
5174
5188
  "label": resolvedColVal(item, index),
5175
5189
  "disabled": isItemReadonly(item, index)
5176
- }, _isSlot(_slot = resolvePropVal(item, ['name', 'label'], [item, index])) ? _slot : {
5190
+ }, settings_isSlot(_slot = resolvePropVal(item, ['name', 'label'], [item, index])) ? _slot : {
5177
5191
  "default": function _default() {
5178
5192
  return [_slot];
5179
5193
  }
package/lib/table/plugins/head-filter.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
@@ -176,34 +176,7 @@
176
176
  }
177
177
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
178
178
  display: flex;
179
- height: 42px;
180
- padding: 0 10px;
179
+ padding: 12px;
181
180
  border-top: solid 1px #dcdee5;
182
- justify-content: center;
183
- align-items: center;
184
- }
185
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
186
- display: inline-flex;
187
- height: 100%;
188
- padding: 6px 12px;
189
- font-size: 14px;
190
- line-height: 22px;
191
- color: var(--primary-color);
192
- cursor: pointer;
193
181
  align-items: center;
194
182
  }
195
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
196
- color: transparent;
197
- cursor: auto;
198
- }
199
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
200
- width: 1px;
201
- height: calc(100% - 12px);
202
- padding: 6px 0;
203
- cursor: default;
204
- background: #f0f1f5;
205
- }
206
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
207
- color: var(--gray-color);
208
- cursor: not-allowed;
209
- }
package/lib/table/plugins/head-filter.less CHANGED
@@ -7,6 +7,7 @@
7
7
  color: #c4c6cc;
8
8
  cursor: pointer;
9
9
  align-items: center;
10
+
10
11
  &:last-of-type {
11
12
  margin-right: -10px;
12
13
  }
@@ -69,42 +70,9 @@
69
70
 
70
71
  .content-footer {
71
72
  display: flex;
72
- height: 42px;
73
- padding: 0 10px;
73
+ padding: 12px;
74
74
  border-top: solid 1px #dcdee5;
75
- justify-content: center;
76
75
  align-items: center;
77
-
78
- span {
79
- display: inline-flex;
80
- height: 100%;
81
- padding: 6px 12px;
82
- font-size: 14px;
83
- line-height: 22px;
84
- color: @primary-color;
85
- cursor: pointer;
86
- align-items: center;
87
-
88
- &.disabled {
89
- color: transparent;
90
- cursor: auto;
91
- }
92
-
93
- &.btn-filter-split {
94
- width: 1px;
95
- height: calc(100% - 12px);
96
- padding: 6px 0;
97
- cursor: default;
98
- background: #f0f1f5;
99
- }
100
-
101
- &.btn-filter-reset {
102
- &.disable {
103
- color: @gray-color;
104
- cursor: not-allowed;
105
- }
106
- }
107
- }
108
76
  }
109
77
  }
110
78
  }
package/lib/table/plugins/head-filter.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
@@ -420,34 +420,7 @@
420
420
  }
421
421
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
422
422
  display: flex;
423
- height: 42px;
424
- padding: 0 10px;
423
+ padding: 12px;
425
424
  border-top: solid 1px #dcdee5;
426
- justify-content: center;
427
- align-items: center;
428
- }
429
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
430
- display: inline-flex;
431
- height: 100%;
432
- padding: 6px 12px;
433
- font-size: 14px;
434
- line-height: 22px;
435
- color: var(--primary-color);
436
- cursor: pointer;
437
425
  align-items: center;
438
426
  }
439
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
440
- color: transparent;
441
- cursor: auto;
442
- }
443
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
444
- width: 1px;
445
- height: calc(100% - 12px);
446
- padding: 6px 0;
447
- cursor: default;
448
- background: #f0f1f5;
449
- }
450
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
451
- color: var(--gray-color);
452
- cursor: not-allowed;
453
- }
package/lib/table/plugins/head-sort.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/table/plugins/head-sort.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/table/plugins/settings.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
package/lib/table/plugins/settings.variable.css CHANGED
@@ -154,7 +154,7 @@
154
154
  --input-border-color: var(--light-gray);
155
155
  --input-broder-radius: 3px;
156
156
  --input-shadow-color: #a3c5fd;
157
- --input-horizontal-padding: 10px;
157
+ --input-horizontal-padding: 8px;
158
158
  --input-block-color: #f5f7fa;
159
159
  --input-block-hover-color: #eaebf0;
160
160
  --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
276
276
  --input-border-color: var(--light-gray);
277
277
  --input-broder-radius: 3px;
278
278
  --input-shadow-color: #a3c5fd;
279
- --input-horizontal-padding: 10px;
279
+ --input-horizontal-padding: 8px;
280
280
  --input-block-color: #f5f7fa;
281
281
  --input-block-hover-color: #eaebf0;
282
282
  --input-icon-size: var(--font-size-medium);
package/lib/table/table.css CHANGED
@@ -32,7 +32,7 @@
32
32
  --input-border-color: var(--light-gray);
33
33
  --input-broder-radius: 3px;
34
34
  --input-shadow-color: #a3c5fd;
35
- --input-horizontal-padding: 10px;
35
+ --input-horizontal-padding: 8px;
36
36
  --input-block-color: #f5f7fa;
37
37
  --input-block-hover-color: #eaebf0;
38
38
  --input-icon-size: var(--font-size-medium);
@@ -168,7 +168,7 @@
168
168
  user-select: none;
169
169
  }
170
170
  .bk-checkbox ~ .bk-checkbox {
171
- margin-left: 30px;
171
+ margin-left: 24px;
172
172
  }
173
173
  .bk-checkbox.is-checked .bk-checkbox-input {
174
174
  background: var(--primary-color);
@@ -843,7 +843,7 @@
843
843
  .bk-popover.bk-pop2-content {
844
844
  position: absolute;
845
845
  display: none;
846
- padding: 7px 14px;
846
+ padding: 12px;
847
847
  font-size: 12px;
848
848
  color: #fff;
849
849
  background: #26323d;
@@ -922,37 +922,10 @@
922
922
  }
923
923
  .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
924
924
  display: flex;
925
- height: 42px;
926
- padding: 0 10px;
925
+ padding: 12px;
927
926
  border-top: solid 1px #dcdee5;
928
- justify-content: center;
929
- align-items: center;
930
- }
931
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
932
- display: inline-flex;
933
- height: 100%;
934
- padding: 6px 12px;
935
- font-size: 14px;
936
- line-height: 22px;
937
- color: var(--primary-color);
938
- cursor: pointer;
939
927
  align-items: center;
940
928
  }
941
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
942
- color: transparent;
943
- cursor: auto;
944
- }
945
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
946
- width: 1px;
947
- height: calc(100% - 12px);
948
- padding: 6px 0;
949
- cursor: default;
950
- background: #f0f1f5;
951
- }
952
- .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
953
- color: var(--gray-color);
954
- cursor: not-allowed;
955
- }
956
929
  .bk-head-cell-sort {
957
930
  display: flex;
958
931
  height: 100%;
@@ -1146,6 +1119,7 @@
1146
1119
  .bk-table .bk-table-body {
1147
1120
  position: relative;
1148
1121
  overflow: auto;
1122
+ scrollbar-gutter: stable;
1149
1123
  }
1150
1124
  .bk-table .bk-table-body::-webkit-scrollbar {
1151
1125
  width: 5px;
package/lib/table/table.less CHANGED
@@ -34,6 +34,7 @@
34
34
  .@{bk-prefix}-table-body {
35
35
  position: relative;
36
36
  overflow: auto;
37
+ scrollbar-gutter: stable;
37
38
 
38
39
  &::-webkit-scrollbar {
39
40
  width: 5px;