bkui-vue 0.0.1-beta.205 → 0.0.1-beta.207

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 (85) hide show
  1. package/dist/index.cjs.js +25 -25
  2. package/dist/index.esm.js +53 -38
  3. package/dist/index.umd.js +25 -25
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.variable.css +6 -0
  7. package/lib/alert/alert.variable.css +6 -0
  8. package/lib/backtop/backtop.variable.css +6 -0
  9. package/lib/badge/badge.variable.css +6 -0
  10. package/lib/breadcrumb/breadcrumb.variable.css +6 -0
  11. package/lib/button/button.variable.css +6 -0
  12. package/lib/card/card.variable.css +6 -0
  13. package/lib/cascader/cascader.variable.css +6 -0
  14. package/lib/checkbox/checkbox.variable.css +6 -0
  15. package/lib/code-diff/code-diff.variable.css +6 -0
  16. package/lib/collapse/collapse.variable.css +6 -0
  17. package/lib/color-picker/color-picker.variable.css +6 -0
  18. package/lib/container/container.variable.css +6 -0
  19. package/lib/date-picker/date-picker.d.ts +4 -2
  20. package/lib/date-picker/date-picker.variable.css +6 -0
  21. package/lib/date-picker/index.d.ts +8 -4
  22. package/lib/date-picker/index.js +1 -1
  23. package/lib/date-picker/panel/time.d.ts +4 -2
  24. package/lib/date-picker/props.d.ts +2 -1
  25. package/lib/date-picker/time-picker.d.ts +4 -2
  26. package/lib/directives/index.js +1 -1
  27. package/lib/divider/divider.variable.css +6 -0
  28. package/lib/dropdown/dropdown.variable.css +6 -0
  29. package/lib/exception/exception.variable.css +6 -0
  30. package/lib/fixed-navbar/fixed-navbar.variable.css +6 -0
  31. package/lib/form/form.variable.css +6 -0
  32. package/lib/input/input.variable.css +6 -0
  33. package/lib/link/link.variable.css +6 -0
  34. package/lib/loading/loading.variable.css +6 -0
  35. package/lib/menu/menu.variable.css +6 -0
  36. package/lib/menu/submenu.variable.css +6 -0
  37. package/lib/message/message.variable.css +6 -0
  38. package/lib/navigation/navigation.variable.css +6 -0
  39. package/lib/notify/notify.variable.css +6 -0
  40. package/lib/pagination/pagination.variable.css +6 -0
  41. package/lib/popover/index.d.ts +7 -7
  42. package/lib/popover/popover.d.ts +2 -2
  43. package/lib/popover/popover.variable.css +6 -0
  44. package/lib/popover2/index.d.ts +7 -7
  45. package/lib/popover2/popover2.d.ts +2 -2
  46. package/lib/popover2/popover2.variable.css +6 -0
  47. package/lib/process/process.variable.css +6 -0
  48. package/lib/progress/progress.variable.css +6 -0
  49. package/lib/radio/radio.variable.css +6 -0
  50. package/lib/resize-layout/resize-layout.variable.css +6 -0
  51. package/lib/search-select/index.js +1 -1
  52. package/lib/search-select/search-select.css +196 -199
  53. package/lib/search-select/search-select.less +195 -47
  54. package/lib/search-select/search-select.variable.css +217 -214
  55. package/lib/search-select/utils.d.ts +2 -2
  56. package/lib/select/index.d.ts +4 -4
  57. package/lib/select/select.d.ts +1 -1
  58. package/lib/select/select.variable.css +6 -0
  59. package/lib/sideslider/sideslider.variable.css +6 -0
  60. package/lib/slider/slider.variable.css +6 -0
  61. package/lib/steps/steps.variable.css +6 -0
  62. package/lib/styles/mixins/scroll.variable.css +6 -0
  63. package/lib/styles/themes/themes.less +9 -0
  64. package/lib/switcher/switcher.variable.css +6 -0
  65. package/lib/tab/tab.variable.css +6 -0
  66. package/lib/table/plugins/head-filter.variable.css +6 -0
  67. package/lib/table/plugins/head-sort.variable.css +6 -0
  68. package/lib/table/plugins/settings.variable.css +6 -0
  69. package/lib/table/table.variable.css +6 -0
  70. package/lib/tag/tag.variable.css +6 -0
  71. package/lib/tag-input/tag-input.variable.css +6 -0
  72. package/lib/time-picker/index.d.ts +8 -4
  73. package/lib/time-picker/time-picker.variable.css +6 -0
  74. package/lib/timeline/timeline.variable.css +6 -0
  75. package/lib/transfer/transfer.variable.css +6 -0
  76. package/lib/tree/tree.variable.css +6 -0
  77. package/lib/upload/upload.variable.css +6 -0
  78. package/lib/virtual-render/virtual-render.variable.css +6 -0
  79. package/package.json +1 -1
  80. package/lib/search-select/menu.css +0 -145
  81. package/lib/search-select/menu.less +0 -134
  82. package/lib/search-select/menu.variable.css +0 -145
  83. package/lib/search-select/selected.css +0 -21
  84. package/lib/search-select/selected.less +0 -24
  85. package/lib/search-select/selected.variable.css +0 -21
package/lib/affix/affix.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-affix {
115
121
  position: fixed;
package/lib/alert/alert.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-alert {
115
121
  position: relative;
package/lib/backtop/backtop.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
package/lib/badge/badge.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-badge-main {
115
121
  position: relative;
package/lib/breadcrumb/breadcrumb.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
package/lib/button/button.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-button {
115
121
  display: inline-flex;
package/lib/card/card.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
package/lib/cascader/cascader.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-cascader-popover.bk-pop2-content {
115
121
  padding: 0;
package/lib/checkbox/checkbox.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-checkbox {
115
121
  display: inline-flex;
package/lib/code-diff/code-diff.variable.css CHANGED
@@ -24,6 +24,7 @@
24
24
  --border-width-base: 1px;
25
25
  --border-style-base: solid;
26
26
  --border-radius-base: 2px;
27
+ --border-style-color: var(--light-gray);
27
28
  --input-disabled-bg: #fafbfd;
28
29
  --input-disabled-border: var(--disable-color);
29
30
  --input-height-base: var(--component-size-base);
@@ -111,6 +112,11 @@
111
112
  --cascader-panel-hover: #f5f7fa;
112
113
  --cascader-panel-active: #e1ecff;
113
114
  --cascader-panel-disabled-bg: #fff;
115
+ --search-select-focus-border-color: var(--primary-color);
116
+ --search-select-focus-color: #3c96ff;
117
+ --search-select-font-color: var(--default-color);
118
+ --search-select-placeholder-color: var(--light-gray);
119
+ --search-select-message-color: var(--danger-color);
114
120
  }
115
121
  /* stylelint-disable declaration-no-important */
116
122
  .bk-code-diff {
package/lib/collapse/collapse.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-collapse-item {
115
121
  display: flex;
package/lib/color-picker/color-picker.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-color-picker {
115
121
  position: relative;
package/lib/container/container.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  @keyframes loading-scale-animate {
115
121
  0% {
package/lib/date-picker/date-picker.d.ts CHANGED
@@ -27,7 +27,8 @@ declare const _default: import("vue").DefineComponent<{
27
27
  readonly default: true;
28
28
  };
29
29
  readonly open: {
30
- readonly type: BooleanConstructor;
30
+ readonly type: () => boolean;
31
+ readonly default: any;
31
32
  };
32
33
  readonly multiple: {
33
34
  readonly type: BooleanConstructor;
@@ -192,7 +193,8 @@ declare const _default: import("vue").DefineComponent<{
192
193
  readonly default: true;
193
194
  };
194
195
  readonly open: {
195
- readonly type: BooleanConstructor;
196
+ readonly type: () => boolean;
197
+ readonly default: any;
196
198
  };
197
199
  readonly multiple: {
198
200
  readonly type: BooleanConstructor;
package/lib/date-picker/date-picker.variable.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --border-width-base: 1px;
24
24
  --border-style-base: solid;
25
25
  --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
26
27
  --input-disabled-bg: #fafbfd;
27
28
  --input-disabled-border: var(--disable-color);
28
29
  --input-height-base: var(--component-size-base);
@@ -110,6 +111,11 @@
110
111
  --cascader-panel-hover: #f5f7fa;
111
112
  --cascader-panel-active: #e1ecff;
112
113
  --cascader-panel-disabled-bg: #fff;
114
+ --search-select-focus-border-color: var(--primary-color);
115
+ --search-select-focus-color: #3c96ff;
116
+ --search-select-font-color: var(--default-color);
117
+ --search-select-placeholder-color: var(--light-gray);
118
+ --search-select-message-color: var(--danger-color);
113
119
  }
114
120
  .bk-date-picker {
115
121
  display: inline-block;
package/lib/date-picker/index.d.ts CHANGED
@@ -58,7 +58,8 @@ declare const BkDatePicker: {
58
58
  readonly default: true;
59
59
  };
60
60
  readonly open: {
61
- readonly type: BooleanConstructor;
61
+ readonly type: () => boolean;
62
+ readonly default: any;
62
63
  };
63
64
  readonly multiple: {
64
65
  readonly type: BooleanConstructor;
@@ -196,7 +197,8 @@ declare const BkDatePicker: {
196
197
  readonly default: true;
197
198
  };
198
199
  readonly open: {
199
- readonly type: BooleanConstructor;
200
+ readonly type: () => boolean;
201
+ readonly default: any;
200
202
  };
201
203
  readonly multiple: {
202
204
  readonly type: BooleanConstructor;
@@ -416,7 +418,8 @@ declare const BkDatePicker: {
416
418
  readonly default: true;
417
419
  };
418
420
  readonly open: {
419
- readonly type: BooleanConstructor;
421
+ readonly type: () => boolean;
422
+ readonly default: any;
420
423
  };
421
424
  readonly multiple: {
422
425
  readonly type: BooleanConstructor;
@@ -593,7 +596,8 @@ declare const BkDatePicker: {
593
596
  readonly default: true;
594
597
  };
595
598
  readonly open: {
596
- readonly type: BooleanConstructor;
599
+ readonly type: () => boolean;
600
+ readonly default: any;
597
601
  };
598
602
  readonly multiple: {
599
603
  readonly type: BooleanConstructor;