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

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