bkui-vue 0.0.1-beta.360 → 0.0.1-beta.362

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 (126) hide show
  1. package/dist/index.cjs.js +32 -32
  2. package/dist/index.esm.js +83 -21
  3. package/dist/index.umd.js +32 -32
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +0 -357
  7. package/lib/affix/affix.variable.css +2 -715
  8. package/lib/alert/alert.css +3 -360
  9. package/lib/alert/alert.variable.css +2 -715
  10. package/lib/backtop/backtop.css +3 -360
  11. package/lib/backtop/backtop.variable.css +2 -715
  12. package/lib/badge/badge.css +26 -383
  13. package/lib/badge/badge.variable.css +2 -715
  14. package/lib/breadcrumb/breadcrumb.css +5 -362
  15. package/lib/breadcrumb/breadcrumb.variable.css +2 -715
  16. package/lib/button/button.css +115 -472
  17. package/lib/button/button.variable.css +2 -715
  18. package/lib/card/card.css +4 -361
  19. package/lib/card/card.variable.css +2 -715
  20. package/lib/cascader/cascader.css +11 -368
  21. package/lib/cascader/cascader.variable.css +2 -715
  22. package/lib/checkbox/checkbox.css +7 -364
  23. package/lib/checkbox/checkbox.variable.css +2 -715
  24. package/lib/code-diff/code-diff.css +0 -357
  25. package/lib/code-diff/code-diff.variable.css +2 -715
  26. package/lib/collapse/collapse.css +1 -358
  27. package/lib/collapse/collapse.variable.css +2 -715
  28. package/lib/collapse/index.js +1 -1
  29. package/lib/color-picker/color-picker.css +0 -357
  30. package/lib/color-picker/color-picker.variable.css +2 -715
  31. package/lib/container/container.css +0 -357
  32. package/lib/container/container.variable.css +2 -715
  33. package/lib/date-picker/date-picker.css +17 -374
  34. package/lib/date-picker/date-picker.variable.css +2 -715
  35. package/lib/divider/divider.css +3 -360
  36. package/lib/divider/divider.variable.css +2 -715
  37. package/lib/dropdown/dropdown.css +0 -357
  38. package/lib/dropdown/dropdown.variable.css +2 -715
  39. package/lib/exception/exception.css +0 -357
  40. package/lib/exception/exception.variable.css +2 -715
  41. package/lib/fixed-navbar/fixed-navbar.css +4 -361
  42. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -715
  43. package/lib/form/form.css +0 -357
  44. package/lib/form/form.variable.css +2 -715
  45. package/lib/input/input.css +59 -417
  46. package/lib/input/input.variable.css +2 -715
  47. package/lib/link/link.css +16 -373
  48. package/lib/link/link.variable.css +2 -715
  49. package/lib/loading/loading.css +16 -373
  50. package/lib/loading/loading.variable.css +2 -715
  51. package/lib/menu/menu.css +18 -375
  52. package/lib/menu/menu.variable.css +2 -715
  53. package/lib/menu/submenu.css +0 -357
  54. package/lib/menu/submenu.variable.css +2 -715
  55. package/lib/message/message.css +21 -378
  56. package/lib/message/message.variable.css +2 -715
  57. package/lib/navigation/navigation.css +2 -359
  58. package/lib/navigation/navigation.variable.css +2 -715
  59. package/lib/notify/notify.css +7 -364
  60. package/lib/notify/notify.variable.css +2 -715
  61. package/lib/pagination/pagination.css +1 -358
  62. package/lib/pagination/pagination.variable.css +2 -715
  63. package/lib/popover/popover.css +0 -357
  64. package/lib/popover/popover.variable.css +2 -715
  65. package/lib/process/process.css +13 -370
  66. package/lib/process/process.variable.css +2 -715
  67. package/lib/progress/progress.css +4 -361
  68. package/lib/progress/progress.variable.css +2 -715
  69. package/lib/radio/radio.css +30 -387
  70. package/lib/radio/radio.variable.css +2 -715
  71. package/lib/resize-layout/resize-layout.css +0 -357
  72. package/lib/resize-layout/resize-layout.variable.css +2 -715
  73. package/lib/search-select/index.d.ts +30 -1
  74. package/lib/search-select/index.js +1 -1
  75. package/lib/search-select/input.d.ts +3 -1
  76. package/lib/search-select/search-select.css +37 -394
  77. package/lib/search-select/search-select.d.ts +19 -1
  78. package/lib/search-select/search-select.less +5 -5
  79. package/lib/search-select/search-select.variable.css +7 -720
  80. package/lib/search-select/selected.d.ts +5 -1
  81. package/lib/search-select/utils.d.ts +4 -0
  82. package/lib/select/select.css +24 -381
  83. package/lib/select/select.variable.css +2 -715
  84. package/lib/sideslider/sideslider.css +1 -358
  85. package/lib/sideslider/sideslider.variable.css +2 -715
  86. package/lib/slider/slider.css +4 -361
  87. package/lib/slider/slider.variable.css +2 -715
  88. package/lib/steps/steps.css +36 -393
  89. package/lib/steps/steps.variable.css +2 -715
  90. package/lib/styles/mixins/scroll.css +0 -357
  91. package/lib/styles/mixins/scroll.variable.css +2 -715
  92. package/lib/styles/themes/themes.less +118 -614
  93. package/lib/switcher/switcher.css +17 -374
  94. package/lib/switcher/switcher.variable.css +2 -715
  95. package/lib/tab/tab.css +21 -378
  96. package/lib/tab/tab.variable.css +2 -715
  97. package/lib/table/index.js +1 -1
  98. package/lib/table/plugins/head-filter.css +2 -359
  99. package/lib/table/plugins/head-filter.variable.css +2 -715
  100. package/lib/table/plugins/head-sort.css +0 -357
  101. package/lib/table/plugins/head-sort.variable.css +2 -715
  102. package/lib/table/plugins/settings.css +0 -357
  103. package/lib/table/plugins/settings.variable.css +2 -715
  104. package/lib/table/table.css +147 -504
  105. package/lib/table/table.variable.css +149 -1219
  106. package/lib/table/utils.d.ts +1 -0
  107. package/lib/table-column/index.js +1 -1
  108. package/lib/tag/tag.css +5 -362
  109. package/lib/tag/tag.variable.css +2 -715
  110. package/lib/tag-input/tag-input.css +18 -375
  111. package/lib/tag-input/tag-input.variable.css +2 -715
  112. package/lib/time-picker/time-picker.css +0 -357
  113. package/lib/time-picker/time-picker.variable.css +2 -715
  114. package/lib/timeline/timeline.css +19 -376
  115. package/lib/timeline/timeline.variable.css +2 -715
  116. package/lib/transfer/transfer.css +12 -369
  117. package/lib/transfer/transfer.variable.css +2 -715
  118. package/lib/tree/tree.css +7 -364
  119. package/lib/tree/tree.variable.css +9 -1079
  120. package/lib/upload/upload.css +27 -384
  121. package/lib/upload/upload.variable.css +2 -715
  122. package/lib/virtual-render/virtual-render.css +0 -357
  123. package/lib/virtual-render/virtual-render.variable.css +2 -1072
  124. package/package.json +1 -1
  125. package/lib/styles/themes/themes.css +0 -357
  126. package/lib/styles/themes/themes.variable.css +0 -357
@@ -1,361 +1,4 @@
1
1
  /* stylelint-disable declaration-no-important */
2
- :root {
3
- --bk-prefix: bk;
4
- --popover-max-height: var(--popover-max-height);
5
- --primary-color: var(--primary-color);
6
- --success-color: var(--success-color);
7
- --warning-color: var(--warning-color);
8
- --danger-color: var(--danger-color);
9
- --default-color: var(--default-color);
10
- --gray-color: var(--gray-color);
11
- --light-gray: var(--light-gray);
12
- --white-color: var(--white-color);
13
- --whitesmoke-color: var(--whitesmoke-color);
14
- --disable-color: var(--disable-color);
15
- --font-size-base: var(--font-size-base);
16
- --font-size-medium: var(--font-size-medium);
17
- --font-size-large: var(--font-size-large);
18
- --line-height-base: var(--line-height-base);
19
- --line-height-medium: var(--line-height-medium);
20
- --line-height-large: var(--line-height-large);
21
- --component-size-small: var(--component-size-small);
22
- --component-size-base: var(--component-size-base);
23
- --component-size-large: var(--component-size-large);
24
- --border-width-base: var(--border-width-base);
25
- --border-style-base: var(--border-style-base);
26
- --border-radius-base: var(--border-radius-base);
27
- --border-style-color: var(--border-style-color);
28
- --input-disabled-bg: var(--input-disabled-bg);
29
- --input-disabled-border: var(--input-disabled-border);
30
- --input-height-base: var(--input-height-base);
31
- --input-color: var(--input-color);
32
- --input-bg: var(--input-bg);
33
- --input-border-color: var(--input-border-color);
34
- --input-broder-radius: var(--input-broder-radius);
35
- --input-shadow-color: var(--input-shadow-color);
36
- --input-horizontal-padding: var(--input-horizontal-padding);
37
- --input-block-color: var(--input-block-color);
38
- --input-block-hover-color: var(--input-block-hover-color);
39
- --input-icon-size: var(--input-icon-size);
40
- --input-maxlength-color: var(--input-maxlength-color);
41
- --button-primary-hover-color: var(--button-primary-hover-color);
42
- --button-danger-hover-color: var(--button-danger-hover-color);
43
- --button-success-hover-color: var(--button-success-hover-color);
44
- --button-warning-hover-color: var(--button-warning-hover-color);
45
- --button-default-hover-border-color: var(--button-default-hover-border-color);
46
- --button-primary-active-color: var(--button-primary-active-color);
47
- --button-danger-active-color: var(--button-danger-active-color);
48
- --button-success-active-color: var(--button-success-active-color);
49
- --button-warning-active-color: var(--button-warning-active-color);
50
- --button-selected-bg-color: var(--button-selected-bg-color);
51
- --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
52
- --radio-font-color: var(--radio-font-color);
53
- --radio-active-color: var(--radio-active-color);
54
- --radio-hover-border-color: var(--radio-hover-border-color);
55
- --radio-disabled-border: var(--radio-disabled-border);
56
- --radio-disabled-font-color: var(--radio-disabled-font-color);
57
- --radio-distable-checked-bg: var(--radio-distable-checked-bg);
58
- --radio-button-checked-bg: var(--radio-button-checked-bg);
59
- --fixed-navbar-background: var(--fixed-navbar-background);
60
- --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
61
- --switch-default-color: var(--switch-default-color);
62
- --switch-grey-color: var(--switch-grey-color);
63
- --breadcrumb-black-color: var(--breadcrumb-black-color);
64
- --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
65
- --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
66
- --link-default-hover-color: var(--link-default-hover-color);
67
- --link-primary-hover-color: var(--link-primary-hover-color);
68
- --link-success-hover-color: var(--link-success-hover-color);
69
- --link-warning-hover-color: var(--link-warning-hover-color);
70
- --link-danger-hover-color: var(--link-danger-hover-color);
71
- --link-default-disabled-color: var(--link-default-disabled-color);
72
- --link-primary-disabled-color: var(--link-primary-disabled-color);
73
- --link-success-disabled-color: var(--link-success-disabled-color);
74
- --link-warning-disabled-color: var(--link-warning-disabled-color);
75
- --link-danger-disabled-color: var(--link-danger-disabled-color);
76
- --message-color: var(--message-color);
77
- --message-primary-bg-color: var(--message-primary-bg-color);
78
- --message-primary-border-color: var(--message-primary-border-color);
79
- --message-primary-shadow-color: var(--message-primary-shadow-color);
80
- --message-warning-bg-color: var(--message-warning-bg-color);
81
- --message-warning-border-color: var(--message-warning-border-color);
82
- --message-warning-shadow-color: var(--message-warning-shadow-color);
83
- --message-success-bg-color: var(--message-success-bg-color);
84
- --message-success-border-color: var(--message-success-border-color);
85
- --message-success-shadow-color: var(--message-success-shadow-color);
86
- --message-danger-bg-color: var(--message-danger-bg-color);
87
- --message-danger-border-color: var(--message-danger-border-color);
88
- --message-danger-shadow-color: var(--message-danger-shadow-color);
89
- --slider-default-bg: var(--slider-default-bg);
90
- --slider-disable-bar-bg: var(--slider-disable-bar-bg);
91
- --menu-bg-color: var(--menu-bg-color);
92
- --submenu-bg-color: var(--submenu-bg-color);
93
- --menu-active-bg-color: var(--menu-active-bg-color);
94
- --menu-color: var(--menu-color);
95
- --menu-group-color: var(--menu-group-color);
96
- --menu-width: var(--menu-width);
97
- --menu-collapse-width: var(--menu-collapse-width);
98
- --menu-active-color: var(--menu-active-color);
99
- --nav-header-bg-color: var(--nav-header-bg-color);
100
- --nav-bg-color: var(--nav-bg-color);
101
- --date-picker-disabled-bg: var(--date-picker-disabled-bg);
102
- --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
103
- --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
104
- --table-bg-color: var(--table-bg-color);
105
- --table-border-color: var(--table-border-color);
106
- --table-head-bg-color: var(--table-head-bg-color);
107
- --table-head-font-color: var(--table-head-font-color);
108
- --table-body-font-color: var(--table-body-font-color);
109
- --table-row-hover-bg-color: var(--table-row-hover-bg-color);
110
- --table-row-active-bg-color: var(--table-row-active-bg-color);
111
- --cascader-panel-border-color: var(--cascader-panel-border-color);
112
- --cascader-panel-hover: var(--cascader-panel-hover);
113
- --cascader-panel-active: var(--cascader-panel-active);
114
- --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
115
- --search-select-focus-border-color: var(--search-select-focus-border-color);
116
- --search-select-focus-color: var(--search-select-focus-color);
117
- --search-select-font-color: var(--search-select-font-color);
118
- --search-select-placeholder-color: var(--search-select-placeholder-color);
119
- --search-select-message-color: var(--search-select-message-color);
120
- }
121
- :root :root {
122
- --bk-prefix: bk;
123
- --popover-max-height: 216px;
124
- --primary-color: #3a84ff;
125
- --success-color: #2dcb56;
126
- --warning-color: #ff9c01;
127
- --danger-color: #ea3636;
128
- --default-color: #63656e;
129
- --gray-color: #979ba5;
130
- --light-gray: #c4c6cc;
131
- --white-color: white;
132
- --whitesmoke-color: #fafbfd;
133
- --disable-color: #dcdee5;
134
- --font-size-base: 12px;
135
- --font-size-medium: 14px;
136
- --font-size-large: 16px;
137
- --line-height-base: 16px;
138
- --line-height-medium: 16px;
139
- --line-height-large: 18px;
140
- --component-size-small: 26px;
141
- --component-size-base: 32px;
142
- --component-size-large: 40px;
143
- --border-width-base: 1px;
144
- --border-style-base: solid;
145
- --border-radius-base: 2px;
146
- --border-style-color: var(--light-gray);
147
- --input-disabled-bg: #fafbfd;
148
- --input-disabled-border: var(--disable-color);
149
- --input-height-base: var(--component-size-base);
150
- --input-color: var(--default-color);
151
- --input-bg: white;
152
- --input-border-color: var(--light-gray);
153
- --input-broder-radius: 3px;
154
- --input-shadow-color: #a3c5fd;
155
- --input-horizontal-padding: 10px;
156
- --input-block-color: #f5f7fa;
157
- --input-block-hover-color: #eaebf0;
158
- --input-icon-size: var(--font-size-medium);
159
- --input-maxlength-color: #979ba5;
160
- --button-primary-hover-color: #5594fa;
161
- --button-danger-hover-color: #ff5656;
162
- --button-success-hover-color: #45e35f;
163
- --button-warning-hover-color: #ffb848;
164
- --button-default-hover-border-color: #979ba5;
165
- --button-primary-active-color: #2c77f4;
166
- --button-danger-active-color: #db2626;
167
- --button-success-active-color: #1ab943;
168
- --button-warning-active-color: #eb9000;
169
- --button-selected-bg-color: #e1ecff;
170
- --button-disabled-selected-bg-color: #f0f1f5;
171
- --radio-font-color: #63656e;
172
- --radio-active-color: #5594fa;
173
- --radio-hover-border-color: #979ba5;
174
- --radio-disabled-border: #dcdee5;
175
- --radio-disabled-font-color: #c4c6cc;
176
- --radio-distable-checked-bg: #fafbfd;
177
- --radio-button-checked-bg: #e1ecff;
178
- --fixed-navbar-background: #fff;
179
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
180
- --switch-default-color: #fff;
181
- --switch-grey-color: #c4c6cc;
182
- --breadcrumb-black-color: #979ba5;
183
- --breadcrumb-primary-hover-color: #0082ff;
184
- --breadcrumb-fn-main-color: #63656e;
185
- --link-default-hover-color: #979ba5;
186
- --link-primary-hover-color: #699df4;
187
- --link-success-hover-color: #45e35f;
188
- --link-warning-hover-color: #ffb848;
189
- --link-danger-hover-color: #ff5656;
190
- --link-default-disabled-color: #dcdee5;
191
- --link-primary-disabled-color: #a3c5fd;
192
- --link-success-disabled-color: #94f5a4;
193
- --link-warning-disabled-color: #ffd695;
194
- --link-danger-disabled-color: #fd9c9c;
195
- --message-color: var(--default-color);
196
- --message-primary-bg-color: #f0f8ff;
197
- --message-primary-border-color: #e1ecff;
198
- --message-primary-shadow-color: #e1e8f4;
199
- --message-warning-bg-color: #fff4e2;
200
- --message-warning-border-color: #ffe8c3;
201
- --message-warning-shadow-color: #ede6db;
202
- --message-success-bg-color: #f2fff4;
203
- --message-success-border-color: #dcffe2;
204
- --message-success-shadow-color: #cef0d7;
205
- --message-danger-bg-color: #ffeded;
206
- --message-danger-border-color: #fdd;
207
- --message-danger-shadow-color: #f6dada;
208
- --slider-default-bg: #dcdee5;
209
- --slider-disable-bar-bg: #979ba5;
210
- --menu-bg-color: #182132;
211
- --submenu-bg-color: #151d2c;
212
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
213
- --menu-color: #96a2b9;
214
- --menu-group-color: var(--default-color);
215
- --menu-width: 260px;
216
- --menu-collapse-width: 60px;
217
- --menu-active-color: white;
218
- --nav-header-bg-color: #182132;
219
- --nav-bg-color: #182132;
220
- --date-picker-disabled-bg: #fafbfd;
221
- --date-picker-dropdown-mb: 4px;
222
- --date-picker-dropdown-bg: #fff;
223
- --table-bg-color: var(--white-color);
224
- --table-border-color: #dcdee5;
225
- --table-head-bg-color: #fafbfd;
226
- --table-head-font-color: #313238;
227
- --table-body-font-color: #575961;
228
- --table-row-hover-bg-color: #f5f7fa;
229
- --table-row-active-bg-color: #f0f1f5;
230
- --cascader-panel-border-color: #dcdee5;
231
- --cascader-panel-hover: #f5f7fa;
232
- --cascader-panel-active: #e1ecff;
233
- --cascader-panel-disabled-bg: #fff;
234
- --search-select-focus-border-color: var(--primary-color);
235
- --search-select-focus-color: #3c96ff;
236
- --search-select-font-color: var(--default-color);
237
- --search-select-placeholder-color: var(--light-gray);
238
- --search-select-message-color: var(--danger-color);
239
- }
240
- :root {
241
- --bk-prefix: bk;
242
- --popover-max-height: 216px;
243
- --primary-color: #3a84ff;
244
- --success-color: #2dcb56;
245
- --warning-color: #ff9c01;
246
- --danger-color: #ea3636;
247
- --default-color: #63656e;
248
- --gray-color: #979ba5;
249
- --light-gray: #c4c6cc;
250
- --white-color: white;
251
- --whitesmoke-color: #fafbfd;
252
- --disable-color: #dcdee5;
253
- --font-size-base: 12px;
254
- --font-size-medium: 14px;
255
- --font-size-large: 16px;
256
- --line-height-base: 16px;
257
- --line-height-medium: 16px;
258
- --line-height-large: 18px;
259
- --component-size-small: 26px;
260
- --component-size-base: 32px;
261
- --component-size-large: 40px;
262
- --border-width-base: 1px;
263
- --border-style-base: solid;
264
- --border-radius-base: 2px;
265
- --border-style-color: var(--light-gray);
266
- --input-disabled-bg: #fafbfd;
267
- --input-disabled-border: var(--disable-color);
268
- --input-height-base: var(--component-size-base);
269
- --input-color: var(--default-color);
270
- --input-bg: white;
271
- --input-border-color: var(--light-gray);
272
- --input-broder-radius: 3px;
273
- --input-shadow-color: #a3c5fd;
274
- --input-horizontal-padding: 10px;
275
- --input-block-color: #f5f7fa;
276
- --input-block-hover-color: #eaebf0;
277
- --input-icon-size: var(--font-size-medium);
278
- --input-maxlength-color: #979ba5;
279
- --button-primary-hover-color: #5594fa;
280
- --button-danger-hover-color: #ff5656;
281
- --button-success-hover-color: #45e35f;
282
- --button-warning-hover-color: #ffb848;
283
- --button-default-hover-border-color: #979ba5;
284
- --button-primary-active-color: #2c77f4;
285
- --button-danger-active-color: #db2626;
286
- --button-success-active-color: #1ab943;
287
- --button-warning-active-color: #eb9000;
288
- --button-selected-bg-color: #e1ecff;
289
- --button-disabled-selected-bg-color: #f0f1f5;
290
- --radio-font-color: #63656e;
291
- --radio-active-color: #5594fa;
292
- --radio-hover-border-color: #979ba5;
293
- --radio-disabled-border: #dcdee5;
294
- --radio-disabled-font-color: #c4c6cc;
295
- --radio-distable-checked-bg: #fafbfd;
296
- --radio-button-checked-bg: #e1ecff;
297
- --fixed-navbar-background: #fff;
298
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
299
- --switch-default-color: #fff;
300
- --switch-grey-color: #c4c6cc;
301
- --breadcrumb-black-color: #979ba5;
302
- --breadcrumb-primary-hover-color: #0082ff;
303
- --breadcrumb-fn-main-color: #63656e;
304
- --link-default-hover-color: #979ba5;
305
- --link-primary-hover-color: #699df4;
306
- --link-success-hover-color: #45e35f;
307
- --link-warning-hover-color: #ffb848;
308
- --link-danger-hover-color: #ff5656;
309
- --link-default-disabled-color: #dcdee5;
310
- --link-primary-disabled-color: #a3c5fd;
311
- --link-success-disabled-color: #94f5a4;
312
- --link-warning-disabled-color: #ffd695;
313
- --link-danger-disabled-color: #fd9c9c;
314
- --message-color: var(--default-color);
315
- --message-primary-bg-color: #f0f8ff;
316
- --message-primary-border-color: #e1ecff;
317
- --message-primary-shadow-color: #e1e8f4;
318
- --message-warning-bg-color: #fff4e2;
319
- --message-warning-border-color: #ffe8c3;
320
- --message-warning-shadow-color: #ede6db;
321
- --message-success-bg-color: #f2fff4;
322
- --message-success-border-color: #dcffe2;
323
- --message-success-shadow-color: #cef0d7;
324
- --message-danger-bg-color: #ffeded;
325
- --message-danger-border-color: #fdd;
326
- --message-danger-shadow-color: #f6dada;
327
- --slider-default-bg: #dcdee5;
328
- --slider-disable-bar-bg: #979ba5;
329
- --menu-bg-color: #182132;
330
- --submenu-bg-color: #151d2c;
331
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
332
- --menu-color: #96a2b9;
333
- --menu-group-color: var(--default-color);
334
- --menu-width: 260px;
335
- --menu-collapse-width: 60px;
336
- --menu-active-color: white;
337
- --nav-header-bg-color: #182132;
338
- --nav-bg-color: #182132;
339
- --date-picker-disabled-bg: #fafbfd;
340
- --date-picker-dropdown-mb: 4px;
341
- --date-picker-dropdown-bg: #fff;
342
- --table-bg-color: var(--white-color);
343
- --table-border-color: #dcdee5;
344
- --table-head-bg-color: #fafbfd;
345
- --table-head-font-color: #313238;
346
- --table-body-font-color: #575961;
347
- --table-row-hover-bg-color: #f5f7fa;
348
- --table-row-active-bg-color: #f0f1f5;
349
- --cascader-panel-border-color: #dcdee5;
350
- --cascader-panel-hover: #f5f7fa;
351
- --cascader-panel-active: #e1ecff;
352
- --cascader-panel-disabled-bg: #fff;
353
- --search-select-focus-border-color: var(--primary-color);
354
- --search-select-focus-color: #3c96ff;
355
- --search-select-font-color: var(--default-color);
356
- --search-select-placeholder-color: var(--light-gray);
357
- --search-select-message-color: var(--danger-color);
358
- }
359
2
  @keyframes loading-scale-animate {
360
3
  0% {
361
4
  transform: scale(1);
@@ -431,13 +74,13 @@
431
74
  .bk-search-select {
432
75
  position: relative;
433
76
  z-index: 9;
434
- height: var(--component-size-base);
77
+ height: 32px;
435
78
  overflow: inherit;
436
79
  }
437
80
  .bk-search-select .focus {
438
- color: var(--search-select-focus-color);
81
+ color: #3c96ff;
439
82
  background: #fff !important;
440
- border-color: var(--search-select-focus-border-color) !important;
83
+ border-color: #3a84ff !important;
441
84
  }
442
85
  .bk-search-select .div-input {
443
86
  height: 100%;
@@ -455,9 +98,9 @@
455
98
  min-height: 30px;
456
99
  overflow: hidden;
457
100
  font-size: 12px;
458
- color: var(--search-select-font-color);
459
- border: var(--border-width-base) var(--border-style-base) var(--border-style-color);
460
- border-radius: var(--border-radius-base);
101
+ color: #63656e;
102
+ border: 1px solid #c4c6cc;
103
+ border-radius: 2px;
461
104
  outline: none;
462
105
  box-sizing: border-box;
463
106
  transition: border 0.2s linear;
@@ -468,9 +111,9 @@
468
111
  }
469
112
  .bk-search-select-container.is-focus {
470
113
  overflow: auto;
471
- color: var(--search-select-focus-color);
114
+ color: #3c96ff;
472
115
  background: #fff !important;
473
- border-color: var(--search-select-focus-border-color) !important;
116
+ border-color: #3a84ff !important;
474
117
  }
475
118
  .bk-search-select-container .search-prefix {
476
119
  flex: 0 0 auto;
@@ -498,7 +141,7 @@
498
141
  padding-left: 8px;
499
142
  margin: 0 0 4px 6px;
500
143
  line-height: 22px;
501
- color: var(--search-select-font-color);
144
+ color: #63656e;
502
145
  background: #f0f1f5;
503
146
  border-radius: 2px;
504
147
  flex: 0 0 auto;
@@ -514,7 +157,7 @@
514
157
  background: #dcdee5;
515
158
  }
516
159
  .bk-search-select-container .search-container-selected:hover .selected-clear {
517
- color: var(--search-select-font-color);
160
+ color: #63656e;
518
161
  }
519
162
  .bk-search-select-container .search-container-selected .selected-name {
520
163
  display: inline-block;
@@ -544,18 +187,18 @@
544
187
  min-width: 40px;
545
188
  padding: 0 10px;
546
189
  margin-top: -4px;
547
- color: var(--search-select-font-color);
190
+ color: #63656e;
548
191
  border: none;
549
192
  flex: 1 1 auto;
550
193
  align-items: center;
551
194
  }
552
195
  .bk-search-select-container .search-container-input .input-before:before {
553
- color: var(--search-select-placeholder-color);
196
+ color: #c4c6cc;
554
197
  content: attr(data-placeholder);
555
198
  }
556
199
  .bk-search-select-container .search-container-input .input-after:after {
557
200
  padding-left: 2px;
558
- color: var(--search-select-placeholder-color);
201
+ color: #c4c6cc;
559
202
  content: attr(data-tips);
560
203
  }
561
204
  .bk-search-select-container .search-container .selected-input {
@@ -565,12 +208,12 @@
565
208
  min-width: 40px;
566
209
  padding: 0 10px;
567
210
  margin-top: -4px;
568
- color: var(--search-select-font-color);
211
+ color: #63656e;
569
212
  border: none;
570
213
  align-items: center;
571
214
  }
572
215
  .bk-search-select-container .search-nextfix {
573
- color: var(--light-gray);
216
+ color: #c4c6cc;
574
217
  flex: 0 0 auto;
575
218
  display: flex;
576
219
  align-items: center;
@@ -582,7 +225,7 @@
582
225
  height: 12px;
583
226
  margin-right: 6px;
584
227
  font-size: 12px;
585
- color: var(--light-gray);
228
+ color: #c4c6cc;
586
229
  align-items: center;
587
230
  justify-content: center;
588
231
  }
@@ -599,9 +242,9 @@
599
242
  justify-content: center;
600
243
  }
601
244
  .bk-search-select-container .search-nextfix .search-nextfix-icon.is-focus {
602
- color: var(--search-select-focus-color);
245
+ color: #3c96ff;
603
246
  background: #fff !important;
604
- border-color: var(--search-select-focus-border-color) !important;
247
+ border-color: #3a84ff !important;
605
248
  }
606
249
  .bk-search-select-container::-webkit-scrollbar {
607
250
  width: 3px;
@@ -617,7 +260,7 @@
617
260
  margin-top: 5px;
618
261
  font-size: 12px;
619
262
  line-height: 16px;
620
- color: var(--search-select-message-color);
263
+ color: #ea3636;
621
264
  align-items: center;
622
265
  }
623
266
  .bk-search-select-tips .select-tips {
@@ -634,7 +277,7 @@
634
277
  display: flex;
635
278
  min-width: 160px;
636
279
  font-size: 12px;
637
- color: var(--search-select-font-color);
280
+ color: #63656e;
638
281
  flex-direction: column;
639
282
  }
640
283
  .bk-search-select-menu .menu-list-mixin {
@@ -655,7 +298,7 @@
655
298
  background-color: #f5f7fa;
656
299
  }
657
300
  .bk-search-select-menu .menu-disabled-mixin {
658
- color: var(--light-gray);
301
+ color: #c4c6cc;
659
302
  }
660
303
  .bk-search-select-menu .menu-disabled-mixin:hover {
661
304
  cursor: not-allowed;
@@ -664,7 +307,7 @@
664
307
  .bk-search-select-menu .menu-header {
665
308
  display: flex;
666
309
  flex-direction: column;
667
- border-bottom: var(--border-width-base) var(--border-style-base) var(--border-style-color);
310
+ border-bottom: 1px solid #c4c6cc;
668
311
  }
669
312
  .bk-search-select-menu .menu-header-item {
670
313
  display: flex;
@@ -680,7 +323,7 @@
680
323
  background-color: #f5f7fa;
681
324
  }
682
325
  .bk-search-select-menu .menu-header-item.is-disabled {
683
- color: var(--light-gray);
326
+ color: #c4c6cc;
684
327
  }
685
328
  .bk-search-select-menu .menu-header-item.is-disabled:hover {
686
329
  cursor: not-allowed;
@@ -709,50 +352,50 @@
709
352
  }
710
353
  .bk-search-select-menu .menu-content .menu-item .is-keyword {
711
354
  display: inline-flex;
712
- color: var(--primary-color);
355
+ color: #3a84ff;
713
356
  }
714
357
  .bk-search-select-menu .menu-content .menu-item .is-selected {
715
358
  display: flex;
716
- width: 14px;
717
- height: 14px;
359
+ width: 22px;
360
+ height: 22px;
718
361
  margin-left: auto;
719
362
  overflow: hidden;
720
- font-size: 18px;
363
+ font-size: 22px;
721
364
  font-weight: bold;
722
- color: var(--primary-color);
365
+ color: #3a84ff;
723
366
  align-items: center;
724
367
  justify-content: center;
725
368
  }
726
369
  .bk-search-select-menu .menu-content .menu-item.is-hover {
727
- color: var(--primary-color);
370
+ color: #3a84ff;
728
371
  background-color: #f5f7fa;
729
372
  }
730
373
  .bk-search-select-menu .menu-content .menu-item.is-hover .menu-name {
731
- color: var(--primary-color);
374
+ color: #3a84ff;
732
375
  }
733
376
  .bk-search-select-menu .menu-content .menu-item.is-disabled {
734
- color: var(--light-gray);
377
+ color: #c4c6cc;
735
378
  }
736
379
  .bk-search-select-menu .menu-content .menu-item.is-disabled:hover {
737
380
  cursor: not-allowed;
738
381
  background-color: white;
739
382
  }
740
383
  .bk-search-select-menu .menu-content .menu-item.is-disabled .menu-name {
741
- color: var(--light-gray);
384
+ color: #c4c6cc;
742
385
  }
743
386
  .bk-search-select-menu .menu-content .menu-item .menu-name {
744
387
  display: flex;
745
388
  max-width: 100px;
746
389
  margin-right: 5px;
747
390
  font-weight: bold;
748
- color: var(--search-select-font-color);
391
+ color: #63656e;
749
392
  align-items: center;
750
393
  }
751
394
  .bk-search-select-menu .menu-footer {
752
395
  display: flex;
753
396
  width: 100%;
754
397
  height: 32px;
755
- border-top: var(--border-width-base) var(--border-style-base) var(--border-style-color);
398
+ border-top: 1px solid #dcdee5;
756
399
  align-items: center;
757
400
  }
758
401
  .bk-search-select-menu .menu-footer-btn {
@@ -763,14 +406,14 @@
763
406
  height: 100%;
764
407
  }
765
408
  .bk-search-select-menu .menu-footer-btn:first-child {
766
- border-right: var(--border-width-base) var(--border-style-base) var(--border-style-color);
409
+ border-right: 1px solid #dcdee5;
767
410
  }
768
411
  .bk-search-select-menu .menu-footer-btn:hover {
769
- color: var(--primary-color);
412
+ color: #3a84ff;
770
413
  cursor: pointer;
771
414
  }
772
415
  .bk-search-select-menu .menu-footer-btn.is-disabled {
773
- color: var(--light-gray);
416
+ color: #c4c6cc;
774
417
  }
775
418
  .bk-search-select-menu .menu-footer-btn.is-disabled:hover {
776
419
  cursor: not-allowed;
@@ -1,5 +1,5 @@
1
1
  import { PropType, ShallowRef } from 'vue';
2
- import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, SearchItemType, SelectedItem, ValidateValuesFunc } from './utils';
2
+ import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, SearchItemType, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
3
3
  export declare const SearchSelectProps: {
4
4
  data: {
5
5
  type: PropType<ISearchItem[]>;
@@ -42,6 +42,11 @@ export declare const SearchSelectProps: {
42
42
  type: BooleanConstructor;
43
43
  default: boolean;
44
44
  };
45
+ valueBehavior: {
46
+ type: PropType<ValueBehavior>;
47
+ default: ValueBehavior;
48
+ validator(v: ValueBehavior): boolean;
49
+ };
45
50
  };
46
51
  declare const _default: import("vue").DefineComponent<{
47
52
  data: {
@@ -85,6 +90,11 @@ declare const _default: import("vue").DefineComponent<{
85
90
  type: BooleanConstructor;
86
91
  default: boolean;
87
92
  };
93
+ valueBehavior: {
94
+ type: PropType<ValueBehavior>;
95
+ default: ValueBehavior;
96
+ validator(v: ValueBehavior): boolean;
97
+ };
88
98
  }, {
89
99
  inputRef: import("vue").Ref<import("vue").DefineComponent<{
90
100
  data: {
@@ -105,6 +115,7 @@ declare const _default: import("vue").DefineComponent<{
105
115
  };
106
116
  getMenuList: PropType<GetMenuListFunc>;
107
117
  validateValues: PropType<ValidateValuesFunc>;
118
+ valueBehavior: PropType<ValueBehavior>;
108
119
  }, {
109
120
  popoverRef: import("vue").Ref<HTMLDivElement>;
110
121
  inputRef: import("vue").Ref<HTMLDivElement>;
@@ -160,6 +171,7 @@ declare const _default: import("vue").DefineComponent<{
160
171
  };
161
172
  getMenuList: PropType<GetMenuListFunc>;
162
173
  validateValues: PropType<ValidateValuesFunc>;
174
+ valueBehavior: PropType<ValueBehavior>;
163
175
  }>> & {
164
176
  onFocus?: (...args: any[]) => any;
165
177
  onAdd?: (...args: any[]) => any;
@@ -308,6 +320,11 @@ declare const _default: import("vue").DefineComponent<{
308
320
  type: BooleanConstructor;
309
321
  default: boolean;
310
322
  };
323
+ valueBehavior: {
324
+ type: PropType<ValueBehavior>;
325
+ default: ValueBehavior;
326
+ validator(v: ValueBehavior): boolean;
327
+ };
311
328
  }>> & {
312
329
  "onUpdate:modelValue"?: (...args: any[]) => any;
313
330
  }, {
@@ -317,6 +334,7 @@ declare const _default: import("vue").DefineComponent<{
317
334
  clearable: boolean;
318
335
  modelValue: ISearchValue[];
319
336
  conditions: ICommonItem[];
337
+ valueBehavior: ValueBehavior;
320
338
  valueSplitCode: string;
321
339
  shrink: boolean;
322
340
  uniqueSelect: boolean;
@@ -306,11 +306,11 @@
306
306
 
307
307
  .is-selected {
308
308
  display: flex;
309
- width: 14px;
310
- height: 14px;
309
+ width: 22px;
310
+ height: 22px;
311
311
  margin-left: auto;
312
312
  overflow: hidden;
313
- font-size: 18px;
313
+ font-size: 22px;
314
314
  font-weight: bold;
315
315
  color: @primary-color;
316
316
  align-items: center;
@@ -349,7 +349,7 @@
349
349
  display: flex;
350
350
  width: 100%;
351
351
  height: 32px;
352
- border-top: @border-width-base @border-style-base @border-style-color;
352
+ border-top: @border-width-base @border-style-base @search-select-menu-border-color;
353
353
  align-items: center;
354
354
 
355
355
  &-btn {
@@ -360,7 +360,7 @@
360
360
  height: 100%;
361
361
 
362
362
  &:first-child {
363
- border-right: @border-width-base @border-style-base @border-style-color;
363
+ border-right: @border-width-base @border-style-base @search-select-menu-border-color;
364
364
  }
365
365
 
366
366
  &:hover {