bkui-vue 0.0.1-beta.128 → 0.0.1-beta.129

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 (139) hide show
  1. package/dist/index.cjs.js +145 -31
  2. package/dist/index.esm.js +3573 -471
  3. package/dist/index.umd.js +145 -31
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.variable.css +2 -2
  7. package/lib/affix/index.d.ts +118 -22
  8. package/lib/alert/alert.variable.css +2 -2
  9. package/lib/alert/index.d.ts +146 -28
  10. package/lib/animate-number/index.d.ts +84 -14
  11. package/lib/backtop/backtop.variable.css +2 -2
  12. package/lib/backtop/index.d.ts +135 -29
  13. package/lib/badge/badge.variable.css +2 -2
  14. package/lib/badge/index.d.ts +211 -46
  15. package/lib/breadcrumb/breadcrumb.css +43 -0
  16. package/lib/breadcrumb/breadcrumb.variable.css +45 -2
  17. package/lib/button/button.css +4 -0
  18. package/lib/button/button.less +13 -7
  19. package/lib/button/button.variable.css +6 -2
  20. package/lib/card/card.css +43 -0
  21. package/lib/card/card.variable.css +45 -2
  22. package/lib/card/index.d.ts +223 -50
  23. package/lib/cascader/cascader.variable.css +2 -2
  24. package/lib/checkbox/checkbox.css +4 -2
  25. package/lib/checkbox/checkbox.less +4 -2
  26. package/lib/checkbox/checkbox.variable.css +6 -4
  27. package/lib/code-diff/code-diff.variable.css +2 -2
  28. package/lib/code-diff/index.d.ts +123 -23
  29. package/lib/collapse/collapse.variable.css +2 -2
  30. package/lib/collapse/index.d.ts +147 -28
  31. package/lib/components.d.ts +1 -0
  32. package/lib/components.js +1 -1
  33. package/lib/container/container.css +43 -0
  34. package/lib/container/container.variable.css +45 -2
  35. package/lib/date-picker/date-picker.variable.css +2 -2
  36. package/lib/date-picker/index.d.ts +566 -124
  37. package/lib/dialog/index.d.ts +557 -140
  38. package/lib/divider/divider.variable.css +2 -2
  39. package/lib/divider/index.d.ts +117 -23
  40. package/lib/dropdown/dropdown.variable.css +2 -2
  41. package/lib/exception/exception.variable.css +2 -2
  42. package/lib/exception/index.d.ts +83 -13
  43. package/lib/fixed-navbar/fixed-navbar.variable.css +2 -2
  44. package/lib/fixed-navbar/index.d.ts +121 -22
  45. package/lib/form/form.variable.css +2 -2
  46. package/lib/input/index.d.ts +408 -92
  47. package/lib/input/index.js +1 -1
  48. package/lib/input/input.css +56 -5
  49. package/lib/input/input.less +12 -2
  50. package/lib/input/input.variable.css +55 -4
  51. package/lib/link/index.d.ts +134 -28
  52. package/lib/link/link.variable.css +2 -2
  53. package/lib/loading/loading.css +43 -2
  54. package/lib/loading/loading.less +2 -2
  55. package/lib/loading/loading.variable.css +45 -4
  56. package/lib/menu/menu.css +43 -0
  57. package/lib/menu/menu.variable.css +45 -2
  58. package/lib/menu/submenu.variable.css +2 -2
  59. package/lib/message/message.variable.css +2 -2
  60. package/lib/navigation/index.d.ts +244 -51
  61. package/lib/navigation/navigation.variable.css +2 -2
  62. package/lib/notify/notify.variable.css +2 -2
  63. package/lib/pagination/index.d.ts +305 -68
  64. package/lib/pagination/pagination.variable.css +2 -2
  65. package/lib/popover/index.d.ts +298 -76
  66. package/lib/popover/popover.variable.css +2 -2
  67. package/lib/popover2/index.d.ts +378 -92
  68. package/lib/popover2/index.js +1 -1
  69. package/lib/popover2/popover2.variable.css +2 -2
  70. package/lib/popover2/use-platform.d.ts +30 -0
  71. package/lib/process/index.d.ts +166 -35
  72. package/lib/process/process.variable.css +2 -2
  73. package/lib/progress/index.d.ts +306 -76
  74. package/lib/progress/progress.css +43 -0
  75. package/lib/progress/progress.variable.css +45 -2
  76. package/lib/radio/index.d.ts +2 -2
  77. package/lib/radio/index.js +1 -1
  78. package/lib/radio/radio-button.d.ts +3 -4
  79. package/lib/radio/radio.css +4 -5
  80. package/lib/radio/radio.less +4 -5
  81. package/lib/radio/radio.variable.css +6 -7
  82. package/lib/rate/index.d.ts +96 -15
  83. package/lib/resize-layout/index.d.ts +261 -52
  84. package/lib/resize-layout/resize-layout.variable.css +2 -2
  85. package/lib/select/select.css +26 -24
  86. package/lib/select/select.less +132 -122
  87. package/lib/select/select.variable.css +28 -26
  88. package/lib/shared/index.d.ts +3 -3
  89. package/lib/sideslider/index.d.ts +369 -91
  90. package/lib/sideslider/sideslider.variable.css +2 -2
  91. package/lib/slider/index.d.ts +319 -78
  92. package/lib/slider/slider.variable.css +2 -2
  93. package/lib/steps/index.d.ts +198 -43
  94. package/lib/steps/steps.variable.css +2 -2
  95. package/lib/styles/mixins/mixins.css +43 -0
  96. package/lib/styles/mixins/mixins.less +1 -0
  97. package/lib/styles/mixins/mixins.variable.css +43 -0
  98. package/lib/styles/mixins/scroll.variable.css +2 -2
  99. package/lib/styles/themes/themes.less +2 -2
  100. package/lib/swiper/index.d.ts +146 -30
  101. package/lib/switcher/index.d.ts +223 -50
  102. package/lib/switcher/switcher.css +43 -0
  103. package/lib/switcher/switcher.variable.css +45 -2
  104. package/lib/tab/tab.variable.css +2 -2
  105. package/lib/table/const.d.ts +5 -0
  106. package/lib/table/index.d.ts +419 -101
  107. package/lib/table/index.js +1 -1
  108. package/lib/table/plugins/head-filter.variable.css +2 -2
  109. package/lib/table/plugins/head-sort.variable.css +2 -2
  110. package/lib/table/plugins/settings.css +23 -4
  111. package/lib/table/plugins/settings.less +25 -4
  112. package/lib/table/plugins/settings.variable.css +25 -6
  113. package/lib/table/props.d.ts +1 -0
  114. package/lib/table/table.css +668 -5
  115. package/lib/table/table.less +7 -1
  116. package/lib/table/table.variable.css +670 -7
  117. package/lib/table/use-common.d.ts +16 -1
  118. package/lib/table/utils.d.ts +1 -1
  119. package/lib/tag/index.d.ts +183 -38
  120. package/lib/tag/tag.variable.css +2 -2
  121. package/lib/tag-input/index.d.ts +666 -145
  122. package/lib/tag-input/tag-input.variable.css +2 -2
  123. package/lib/timeline/index.d.ts +109 -19
  124. package/lib/timeline/timeline.variable.css +2 -2
  125. package/lib/transfer/index.d.ts +264 -59
  126. package/lib/transfer/transfer.variable.css +2 -2
  127. package/lib/tree/index.d.ts +401 -103
  128. package/lib/tree/index.js +1 -1
  129. package/lib/tree/tree.css +107 -0
  130. package/lib/tree/tree.less +2 -0
  131. package/lib/tree/tree.variable.css +109 -2
  132. package/lib/tree/use-node-action.d.ts +1 -1
  133. package/lib/tree/use-node-attribute.d.ts +1 -0
  134. package/lib/upload/upload.css +43 -0
  135. package/lib/upload/upload.variable.css +45 -2
  136. package/lib/virtual-render/index.d.ts +433 -109
  137. package/lib/virtual-render/virtual-render.variable.css +2 -2
  138. package/package.json +1 -1
  139. package/lib/table/plugins/head-filter.css +0 -68
package/lib/select/select.less CHANGED
@@ -99,7 +99,7 @@
99
99
  &.is-focus.normal {
100
100
  .bk-select-trigger .bk-select-tag {
101
101
  border-color: @primary-color;
102
- box-shadow: 0px 0px 3px 0px #a3c5fd;
102
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
103
103
  }
104
104
  }
105
105
 
@@ -131,7 +131,7 @@
131
131
 
132
132
  &.is-focused {
133
133
  .active();
134
-
134
+
135
135
  &.is-simplicity {
136
136
  border-color: transparent;
137
137
  border-bottom-color: @primary-color;
@@ -195,139 +195,149 @@
195
195
  }
196
196
  }
197
197
 
198
- .bk-popover2.bk-select-popover {
199
- padding: 0;
200
-
201
- .bk-select-content {
202
- .bk-select-empty {
203
- .flex-center();
204
- height: 56px;
205
- color: #63656e;
206
-
207
- .spinner {
208
- display: flex;
209
- width: 14px;
210
- height: 14px;
211
- margin-right: 4px;
212
- font-size: 14px;
213
- color: #c4c6cc;
214
- align-items: center;
215
- justify-content: center;
216
- }
198
+ .@{bk-prefix}-popover2 {
199
+ &.@{bk-prefix}-pop2-content {
200
+ &.bk-select-popover {
201
+ padding: 0;
202
+
203
+ .bk-select-content {
204
+ .bk-select-empty {
205
+ .flex-center();
206
+ height: 56px;
207
+ color: #63656e;
208
+
209
+ .spinner {
210
+ display: flex;
211
+ width: 14px;
212
+ height: 14px;
213
+ margin-right: 4px;
214
+ font-size: 14px;
215
+ color: #c4c6cc;
216
+ align-items: center;
217
+ justify-content: center;
218
+ }
217
219
 
218
- span {
219
- .icon-text()
220
- }
221
- }
220
+ span {
221
+ .icon-text()
222
+ }
223
+ }
222
224
 
223
- .bk-select-dropdown {
224
- overflow: auto;
225
- }
225
+ .bk-select-dropdown {
226
+ overflow: auto;
227
+ }
226
228
 
227
- .bk-select-extension {
228
- display: flex;
229
- height: 40px;
230
- background-color: #fafbfd;
231
- align-items: center;
232
- }
229
+ .bk-select-extension {
230
+ display: flex;
231
+ height: 40px;
232
+ background-color: #fafbfd;
233
+ align-items: center;
234
+ border-top: 1px solid #dcdee5;
235
+ border-radius: 0 0 2px 2px;
236
+ }
233
237
 
234
- .bk-select-options {
235
- padding: 8px 0;
236
- }
238
+ .bk-select-options {
239
+ padding: 8px 0;
240
+ }
237
241
 
238
- .bk-select-option {
239
- position: relative;
240
- height: 32px;
241
- padding: 0 12px;
242
- line-height: 32px;
243
- color: #63656e;
244
- text-align: left;
245
- cursor: pointer;
246
- user-select: none;
247
-
248
- .ellipsis();
249
-
250
- &-item {
251
- display: flex;
252
- align-items: center;
253
- justify-content: space-between;
254
- }
255
-
256
- &:hover,
257
- &.is-hover {
258
- color: #3a84ff;
259
- background-color: #f5f7fa;
260
- }
261
-
262
- &.is-selected {
263
- color: #3a84ff;
264
- }
265
-
266
- &.is-disabled {
267
- color: #c4c6cc;
268
- cursor: not-allowed;
269
- background-color: transparent;
270
- }
271
-
272
- }
242
+ .bk-select-option {
243
+ position: relative;
244
+ height: 32px;
245
+ padding: 0 12px;
246
+ line-height: 32px;
247
+ color: #63656e;
248
+ text-align: left;
249
+ cursor: pointer;
250
+ user-select: none;
273
251
 
274
- .bk-select-options-loading {
275
- .flex-center();
252
+ .ellipsis();
276
253
 
277
- span {
278
- .icon-text()
279
- }
280
- }
254
+ &-item {
255
+ display: flex;
256
+ align-items: center;
257
+ justify-content: space-between;
258
+ }
281
259
 
282
- .bk-option-group {
283
- &-label {
284
- height: 32px;
285
- padding: 0 8px;
286
- line-height: 32px;
287
- color: #979ba5;
288
- text-align: left;
289
-
290
- &.collapsible {
291
- cursor: pointer;
292
- }
293
- }
294
-
295
- &.collapsible {
296
- .bk-select-option {
297
- padding-left: 40px;
260
+ // &.is-hover {
261
+ // color: #3a84ff;
262
+ // background-color: #f5f7fa;
263
+ // }
264
+
265
+ &:hover {
266
+ color: #63656e;
267
+ background-color: #f5f7fa;
268
+ }
269
+
270
+ &.is-selected {
271
+ color: #3a84ff;
272
+ background-color: #e1ecff;
273
+ }
274
+
275
+ &.is-disabled {
276
+ color: #c4c6cc;
277
+ cursor: not-allowed;
278
+ background-color: transparent;
279
+ }
298
280
  }
299
- }
300
-
301
- &.disabled {
302
- .default-group-label {
303
- color: #c4c6cc;
304
- cursor: not-allowed;
281
+
282
+ .bk-select-options-loading {
283
+ .flex-center();
284
+
285
+ span {
286
+ .icon-text()
287
+ }
305
288
  }
306
- }
307
-
308
- .default-group-label {
309
- display: flex;
310
- user-select: none;
311
- align-items: center;
312
-
313
- &-icon {
314
- display: flex;
315
- width: 12px;
316
- height: 12px;
317
- margin-right: 8px;
318
- transition: all .1s;
319
- align-items: center;
320
- justify-content: center;
321
-
322
- &.collapse {
323
- transform: rotate(-90deg);
289
+
290
+ .bk-option-group {
291
+ &-label {
292
+ height: 32px;
293
+ padding: 0 8px;
294
+ line-height: 32px;
295
+ color: #979ba5;
296
+ text-align: left;
297
+
298
+ &.collapsible {
299
+ cursor: pointer;
300
+ }
301
+ }
302
+
303
+ &.collapsible {
304
+ .bk-select-option {
305
+ padding-left: 40px;
306
+ }
307
+ }
308
+
309
+ &.disabled {
310
+ .default-group-label {
311
+ color: #c4c6cc;
312
+ cursor: not-allowed;
313
+ }
314
+ }
315
+
316
+ .default-group-label {
317
+ display: flex;
318
+ user-select: none;
319
+ align-items: center;
320
+
321
+ &-icon {
322
+ display: flex;
323
+ width: 12px;
324
+ height: 12px;
325
+ margin-right: 8px;
326
+ transition: all .1s;
327
+ align-items: center;
328
+ justify-content: center;
329
+
330
+ &.collapse {
331
+ transform: rotate(-90deg);
332
+ }
333
+ }
334
+ }
335
+
336
+ .bk-select-option {
337
+ padding-left: 24px;
324
338
  }
325
339
  }
326
340
  }
327
-
328
- .bk-select-option {
329
- padding-left: 24px;
330
- }
331
341
  }
332
342
  }
333
343
  }
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;
@@ -297,17 +297,17 @@
297
297
  align-items: center;
298
298
  justify-content: center;
299
299
  }
300
- .bk-popover2.bk-select-popover {
300
+ .bk-popover2.bk-pop2-content.bk-select-popover {
301
301
  padding: 0;
302
302
  }
303
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-empty {
303
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty {
304
304
  display: flex;
305
305
  align-items: center;
306
306
  justify-content: center;
307
307
  height: 56px;
308
308
  color: #63656e;
309
309
  }
310
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-empty .spinner {
310
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty .spinner {
311
311
  display: flex;
312
312
  width: 14px;
313
313
  height: 14px;
@@ -317,23 +317,25 @@
317
317
  align-items: center;
318
318
  justify-content: center;
319
319
  }
320
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-empty span {
320
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-empty span {
321
321
  margin-left: 4px;
322
322
  line-height: 18px;
323
323
  }
324
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-dropdown {
324
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-dropdown {
325
325
  overflow: auto;
326
326
  }
327
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-extension {
327
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-extension {
328
328
  display: flex;
329
329
  height: 40px;
330
330
  background-color: #fafbfd;
331
331
  align-items: center;
332
+ border-top: 1px solid #dcdee5;
333
+ border-radius: 0 0 2px 2px;
332
334
  }
333
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-options {
335
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options {
334
336
  padding: 8px 0;
335
337
  }
336
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-option {
338
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option {
337
339
  position: relative;
338
340
  height: 32px;
339
341
  padding: 0 12px;
@@ -346,56 +348,56 @@
346
348
  text-overflow: ellipsis;
347
349
  white-space: nowrap;
348
350
  }
349
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-option-item {
351
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item {
350
352
  display: flex;
351
353
  align-items: center;
352
354
  justify-content: space-between;
353
355
  }
354
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-option:hover,
355
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-option.is-hover {
356
- color: #3a84ff;
356
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option:hover {
357
+ color: #63656e;
357
358
  background-color: #f5f7fa;
358
359
  }
359
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-option.is-selected {
360
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-selected {
360
361
  color: #3a84ff;
362
+ background-color: #e1ecff;
361
363
  }
362
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-option.is-disabled {
364
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-disabled {
363
365
  color: #c4c6cc;
364
366
  cursor: not-allowed;
365
367
  background-color: transparent;
366
368
  }
367
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-options-loading {
369
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading {
368
370
  display: flex;
369
371
  align-items: center;
370
372
  justify-content: center;
371
373
  }
372
- .bk-popover2.bk-select-popover .bk-select-content .bk-select-options-loading span {
374
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-options-loading span {
373
375
  margin-left: 4px;
374
376
  line-height: 18px;
375
377
  }
376
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group-label {
378
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group-label {
377
379
  height: 32px;
378
380
  padding: 0 8px;
379
381
  line-height: 32px;
380
382
  color: #979ba5;
381
383
  text-align: left;
382
384
  }
383
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group-label.collapsible {
385
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group-label.collapsible {
384
386
  cursor: pointer;
385
387
  }
386
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group.collapsible .bk-select-option {
388
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.collapsible .bk-select-option {
387
389
  padding-left: 40px;
388
390
  }
389
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group.disabled .default-group-label {
391
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group.disabled .default-group-label {
390
392
  color: #c4c6cc;
391
393
  cursor: not-allowed;
392
394
  }
393
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group .default-group-label {
395
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label {
394
396
  display: flex;
395
397
  user-select: none;
396
398
  align-items: center;
397
399
  }
398
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon {
400
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon {
399
401
  display: flex;
400
402
  width: 12px;
401
403
  height: 12px;
@@ -404,9 +406,9 @@
404
406
  align-items: center;
405
407
  justify-content: center;
406
408
  }
407
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon.collapse {
409
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .default-group-label-icon.collapse {
408
410
  transform: rotate(-90deg);
409
411
  }
410
- .bk-popover2.bk-select-popover .bk-select-content .bk-option-group .bk-select-option {
412
+ .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-option-group .bk-select-option {
411
413
  padding-left: 24px;
412
414
  }
package/lib/shared/index.d.ts CHANGED
@@ -23,7 +23,7 @@
23
23
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
24
24
  * IN THE SOFTWARE.
25
25
  */
26
- import { App, Plugin } from 'vue';
26
+ import { Plugin } from 'vue';
27
27
  export * from './z-index-manager';
28
28
  export * from './popover';
29
29
  export * from './pop-manager';
@@ -42,9 +42,9 @@ export declare const renderEmptyVNode: () => any;
42
42
  export declare const isEmptyObj: (target: object) => boolean;
43
43
  export interface OriginComponent {
44
44
  name: string;
45
- install?: (app: App, ...options: any[]) => any;
45
+ install?: Plugin;
46
46
  }
47
- export declare const withInstall: <T extends OriginComponent>(component: T) => T;
47
+ export declare const withInstall: <T extends OriginComponent>(component: T) => T & Plugin;
48
48
  export declare const withInstallProps: <T extends OriginComponent, K extends Record<string, unknown>>(component: T, childComponents: K, isProps?: boolean) => T & Plugin & Readonly<K>;
49
49
  /**
50
50
  * 解析当前组件ClassName，自动添加前缀