bkui-vue 0.0.1-beta.12 → 0.0.1-beta.122

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 (524) hide show
  1. package/README.md +31 -19
  2. package/dist/index.cjs.js +57 -0
  3. package/dist/index.esm.js +28538 -0
  4. package/dist/index.umd.js +57 -0
  5. package/dist/style.css +1 -4051
  6. package/lib/affix/affix.css +3 -0
  7. package/lib/affix/affix.d.ts +47 -0
  8. package/lib/affix/affix.less +5 -0
  9. package/lib/affix/affix.variable.css +105 -0
  10. package/lib/affix/index.d.ts +143 -0
  11. package/lib/affix/index.js +1 -0
  12. package/lib/alert/alert.css +5 -3
  13. package/lib/alert/alert.d.ts +24 -15
  14. package/lib/alert/alert.less +7 -3
  15. package/lib/alert/alert.variable.css +22 -4
  16. package/lib/alert/index.d.ts +96 -60
  17. package/lib/alert/index.js +1 -1
  18. package/lib/animate-number/animate-number.d.ts +12 -7
  19. package/lib/animate-number/index.d.ts +48 -28
  20. package/lib/animate-number/index.js +1 -1
  21. package/lib/backtop/backtop.d.ts +28 -14
  22. package/lib/backtop/backtop.variable.css +17 -1
  23. package/lib/backtop/index.d.ts +111 -55
  24. package/lib/backtop/index.js +1 -1
  25. package/lib/badge/badge.css +5 -5
  26. package/lib/badge/badge.d.ts +64 -22
  27. package/lib/badge/badge.less +5 -6
  28. package/lib/badge/badge.variable.css +22 -6
  29. package/lib/badge/index.d.ts +202 -84
  30. package/lib/badge/index.js +1 -1
  31. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  32. package/lib/breadcrumb/breadcrumb.css +18 -1
  33. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  34. package/lib/breadcrumb/breadcrumb.less +13 -2
  35. package/lib/breadcrumb/breadcrumb.variable.css +35 -2
  36. package/lib/breadcrumb/index.d.ts +118 -46
  37. package/lib/breadcrumb/index.js +1 -1
  38. package/lib/button/button-group.d.ts +3 -5
  39. package/lib/button/button.css +88 -44
  40. package/lib/button/button.d.ts +77 -27
  41. package/lib/button/button.less +81 -45
  42. package/lib/button/button.variable.css +105 -45
  43. package/lib/button/index.d.ts +194 -105
  44. package/lib/button/index.js +1 -1
  45. package/lib/card/card.css +53 -1
  46. package/lib/card/card.d.ts +74 -18
  47. package/lib/card/card.less +50 -2
  48. package/lib/card/card.variable.css +70 -2
  49. package/lib/card/index.d.ts +225 -69
  50. package/lib/card/index.js +1 -1
  51. package/lib/cascader/cascader-panel.d.ts +48 -0
  52. package/lib/cascader/cascader.css +130 -0
  53. package/lib/cascader/cascader.d.ts +271 -0
  54. package/lib/cascader/cascader.less +146 -0
  55. package/lib/cascader/cascader.variable.css +232 -0
  56. package/lib/cascader/index.d.ts +721 -0
  57. package/lib/cascader/index.js +1 -0
  58. package/lib/cascader/interface.d.ts +44 -0
  59. package/lib/cascader/node.d.ts +24 -0
  60. package/lib/cascader/store.d.ts +15 -0
  61. package/lib/checkbox/checkbox-group.d.ts +13 -9
  62. package/lib/checkbox/checkbox.css +15 -2
  63. package/lib/checkbox/checkbox.d.ts +33 -30
  64. package/lib/checkbox/checkbox.less +20 -2
  65. package/lib/checkbox/checkbox.variable.css +32 -3
  66. package/lib/checkbox/common.d.ts +3 -3
  67. package/lib/checkbox/index.d.ts +136 -104
  68. package/lib/checkbox/index.js +1 -1
  69. package/lib/checkbox/type.d.ts +4 -8
  70. package/lib/code-diff/code-diff.css +186 -0
  71. package/lib/code-diff/code-diff.d.ts +80 -0
  72. package/lib/code-diff/code-diff.less +238 -0
  73. package/lib/code-diff/code-diff.variable.css +288 -0
  74. package/lib/code-diff/index.d.ts +154 -0
  75. package/lib/code-diff/index.js +1 -0
  76. package/lib/collapse/collapse.css +17 -1
  77. package/lib/collapse/collapse.d.ts +51 -22
  78. package/lib/collapse/collapse.less +24 -2
  79. package/lib/collapse/collapse.variable.css +119 -1
  80. package/lib/collapse/index.d.ts +127 -75
  81. package/lib/collapse/index.js +1 -1
  82. package/lib/collapse/utils.d.ts +11 -0
  83. package/lib/components.d.ts +25 -5
  84. package/lib/components.js +1 -0
  85. package/lib/container/col.d.ts +51 -0
  86. package/lib/container/container.css +48 -0
  87. package/lib/container/container.d.ts +83 -0
  88. package/lib/container/container.less +20 -0
  89. package/lib/container/container.variable.css +150 -0
  90. package/lib/container/index.d.ts +223 -0
  91. package/lib/container/index.js +1 -0
  92. package/lib/container/row.d.ts +4 -0
  93. package/lib/date-picker/date-picker.css +3 -2
  94. package/lib/date-picker/date-picker.d.ts +92 -137
  95. package/lib/date-picker/date-picker.less +5 -2
  96. package/lib/date-picker/date-picker.variable.css +20 -3
  97. package/lib/date-picker/index.d.ts +504 -276
  98. package/lib/date-picker/index.js +1 -1
  99. package/lib/date-picker/interface.d.ts +1 -1
  100. package/lib/date-picker/props.d.ts +118 -0
  101. package/lib/date-picker/utils.d.ts +1 -1
  102. package/lib/dialog/dialog.css +68 -16
  103. package/lib/dialog/dialog.d.ts +285 -52
  104. package/lib/dialog/dialog.less +43 -17
  105. package/lib/dialog/dialog.variable.css +68 -16
  106. package/lib/dialog/index.d.ts +665 -115
  107. package/lib/dialog/index.js +1 -1
  108. package/lib/directives/clickoutside.d.ts +3 -23
  109. package/lib/directives/index.js +2 -15
  110. package/lib/directives/index.js.LICENSE.txt +14 -0
  111. package/lib/directives/tooltips.d.ts +2 -1
  112. package/lib/dist.index.js +1 -0
  113. package/lib/divider/divider.d.ts +21 -13
  114. package/lib/divider/divider.variable.css +17 -1
  115. package/lib/divider/index.d.ts +84 -52
  116. package/lib/divider/index.js +1 -1
  117. package/lib/divider/props.d.ts +21 -0
  118. package/lib/dropdown/dropdown-item.d.ts +6 -5
  119. package/lib/dropdown/dropdown-menu.d.ts +6 -5
  120. package/lib/dropdown/dropdown.css +4 -0
  121. package/lib/dropdown/dropdown.d.ts +29 -15
  122. package/lib/dropdown/dropdown.less +5 -0
  123. package/lib/dropdown/dropdown.variable.css +21 -1
  124. package/lib/dropdown/index.d.ts +112 -72
  125. package/lib/dropdown/index.js +1 -1
  126. package/lib/exception/exception.d.ts +11 -9
  127. package/lib/exception/exception.variable.css +17 -1
  128. package/lib/exception/index.d.ts +44 -36
  129. package/lib/exception/index.js +1 -1
  130. package/lib/fixed-navbar/fixed-navbar.d.ts +29 -9
  131. package/lib/fixed-navbar/fixed-navbar.variable.css +17 -1
  132. package/lib/fixed-navbar/index.d.ts +96 -37
  133. package/lib/fixed-navbar/index.js +1 -1
  134. package/lib/form/compose-form-item.d.ts +16 -0
  135. package/lib/form/form-item.d.ts +61 -45
  136. package/lib/form/form.css +96 -10
  137. package/lib/form/form.d.ts +45 -40
  138. package/lib/form/form.less +136 -34
  139. package/lib/form/form.variable.css +198 -10
  140. package/lib/form/index.d.ts +303 -3
  141. package/lib/form/index.js +1 -1
  142. package/lib/form/type.d.ts +8 -6
  143. package/lib/form/validator.d.ts +1 -0
  144. package/lib/icon/angle-double-down-line.d.ts +4 -0
  145. package/lib/icon/angle-double-down-line.js +1 -0
  146. package/lib/icon/angle-double-left-line.d.ts +4 -0
  147. package/lib/icon/angle-double-left-line.js +1 -0
  148. package/lib/icon/angle-double-left.js +1 -0
  149. package/lib/icon/angle-double-right-line.d.ts +4 -0
  150. package/lib/icon/angle-double-right-line.js +1 -0
  151. package/lib/icon/angle-double-right.js +1 -0
  152. package/lib/icon/angle-double-up-line.d.ts +4 -0
  153. package/lib/icon/angle-double-up-line.js +1 -0
  154. package/lib/icon/angle-down-fill.d.ts +4 -0
  155. package/lib/icon/angle-down-fill.js +1 -0
  156. package/lib/icon/angle-down-line.js +1 -0
  157. package/lib/icon/angle-down.js +1 -0
  158. package/lib/icon/angle-left.js +1 -0
  159. package/lib/icon/angle-right.js +1 -0
  160. package/lib/icon/angle-up-fill.d.ts +4 -0
  161. package/lib/icon/angle-up-fill.js +1 -0
  162. package/lib/icon/angle-up.js +1 -0
  163. package/lib/icon/archive-fill.d.ts +4 -0
  164. package/lib/icon/archive-fill.js +1 -0
  165. package/lib/icon/arrows-left.d.ts +4 -0
  166. package/lib/icon/arrows-left.js +1 -0
  167. package/lib/icon/arrows-right.d.ts +4 -0
  168. package/lib/icon/arrows-right.js +1 -0
  169. package/lib/icon/audio-fill.d.ts +4 -0
  170. package/lib/icon/audio-fill.js +1 -0
  171. package/lib/icon/bk.d.ts +4 -0
  172. package/lib/icon/bk.js +1 -0
  173. package/lib/icon/circle.js +1 -0
  174. package/lib/icon/close-line.d.ts +4 -0
  175. package/lib/icon/close-line.js +1 -0
  176. package/lib/icon/close.js +1 -0
  177. package/lib/icon/code.js +1 -0
  178. package/lib/icon/cog-shape.js +1 -0
  179. package/lib/icon/collapse-left.js +1 -0
  180. package/lib/icon/copy.js +1 -0
  181. package/lib/icon/data-shape.d.ts +4 -0
  182. package/lib/icon/data-shape.js +1 -0
  183. package/lib/icon/del.d.ts +4 -0
  184. package/lib/icon/del.js +1 -0
  185. package/lib/icon/doc-fill.d.ts +4 -0
  186. package/lib/icon/doc-fill.js +1 -0
  187. package/lib/icon/done.js +1 -0
  188. package/lib/icon/down-shape.js +1 -0
  189. package/lib/icon/down-small.js +1 -0
  190. package/lib/icon/edit-line.d.ts +4 -0
  191. package/lib/icon/edit-line.js +1 -0
  192. package/lib/icon/ellipsis.d.ts +4 -0
  193. package/lib/icon/ellipsis.js +1 -0
  194. package/lib/icon/error.js +1 -0
  195. package/lib/icon/excel-fill.d.ts +4 -0
  196. package/lib/icon/excel-fill.js +1 -0
  197. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  198. package/lib/icon/exclamation-circle-shape.js +1 -0
  199. package/lib/icon/eye.js +1 -0
  200. package/lib/icon/folder-open.js +1 -0
  201. package/lib/icon/folder-shape-open.js +1 -0
  202. package/lib/icon/folder-shape.js +1 -0
  203. package/lib/icon/funnel.d.ts +4 -0
  204. package/lib/icon/funnel.js +1 -0
  205. package/lib/icon/help-document-fill.js +1 -0
  206. package/lib/icon/help-fill.js +1 -0
  207. package/lib/icon/help.js +1 -0
  208. package/lib/icon/image-fill.d.ts +4 -0
  209. package/lib/icon/image-fill.js +1 -0
  210. package/lib/icon/index.d.ts +31 -0
  211. package/lib/icon/index.js +1 -15
  212. package/lib/icon/info-line.js +1 -0
  213. package/lib/icon/info.js +1 -0
  214. package/lib/icon/left-shape.d.ts +4 -0
  215. package/lib/icon/left-shape.js +1 -0
  216. package/lib/icon/pdf-fill.d.ts +4 -0
  217. package/lib/icon/pdf-fill.js +1 -0
  218. package/lib/icon/play-shape.js +1 -0
  219. package/lib/icon/plus.js +1 -0
  220. package/lib/icon/ppt-fill.d.ts +4 -0
  221. package/lib/icon/ppt-fill.js +1 -0
  222. package/lib/icon/qq.d.ts +4 -0
  223. package/lib/icon/qq.js +1 -0
  224. package/lib/icon/right-shape.js +1 -0
  225. package/lib/icon/search.js +1 -0
  226. package/lib/icon/share.js +1 -0
  227. package/lib/icon/spinner.d.ts +4 -0
  228. package/lib/icon/spinner.js +1 -0
  229. package/lib/icon/success.js +1 -0
  230. package/lib/icon/switcher-loading.js +1 -0
  231. package/lib/icon/text-file.js +1 -0
  232. package/lib/icon/text-fill.d.ts +4 -0
  233. package/lib/icon/text-fill.js +1 -0
  234. package/lib/icon/tree-application-shape.js +1 -0
  235. package/lib/icon/unvisible.js +1 -0
  236. package/lib/icon/up-shape.d.ts +4 -0
  237. package/lib/icon/up-shape.js +1 -0
  238. package/lib/icon/upload.d.ts +4 -0
  239. package/lib/icon/upload.js +1 -0
  240. package/lib/icon/video-fill.d.ts +4 -0
  241. package/lib/icon/video-fill.js +1 -0
  242. package/lib/icon/warn.js +1 -0
  243. package/lib/icon/weixin.d.ts +4 -0
  244. package/lib/icon/weixin.js +1 -0
  245. package/lib/index.d.ts +1 -1
  246. package/lib/index.js +1 -0
  247. package/lib/input/index.d.ts +462 -196
  248. package/lib/input/index.js +1 -15
  249. package/lib/input/input.css +178 -13
  250. package/lib/input/input.d.ts +182 -52
  251. package/lib/input/input.less +171 -18
  252. package/lib/input/input.variable.css +195 -13
  253. package/lib/link/index.d.ts +102 -54
  254. package/lib/link/index.js +1 -1
  255. package/lib/link/link.d.ts +25 -13
  256. package/lib/link/link.variable.css +17 -1
  257. package/lib/loading/index.d.ts +190 -57
  258. package/lib/loading/index.js +1 -1
  259. package/lib/loading/loading.css +136 -98
  260. package/lib/loading/loading.d.ts +115 -20
  261. package/lib/loading/loading.less +84 -73
  262. package/lib/loading/loading.variable.css +153 -99
  263. package/lib/menu/index.d.ts +82 -71
  264. package/lib/menu/index.js +1 -1
  265. package/lib/menu/menu-group.d.ts +6 -5
  266. package/lib/menu/menu-item.d.ts +6 -5
  267. package/lib/menu/menu.css +8 -0
  268. package/lib/menu/menu.d.ts +16 -21
  269. package/lib/menu/menu.variable.css +25 -1
  270. package/lib/menu/submenu.css +3 -0
  271. package/lib/menu/submenu.d.ts +6 -5
  272. package/lib/menu/submenu.less +1 -1
  273. package/lib/menu/submenu.variable.css +20 -1
  274. package/lib/menu/utils.d.ts +1 -1
  275. package/lib/message/index.js +1 -1
  276. package/lib/message/message.css +16 -2
  277. package/lib/message/message.less +18 -1
  278. package/lib/message/message.variable.css +33 -3
  279. package/lib/message/messageConstructor.d.ts +68 -20
  280. package/lib/modal/index.d.ts +517 -68
  281. package/lib/modal/index.js +1 -1
  282. package/lib/modal/modal.css +25 -1
  283. package/lib/modal/modal.d.ts +191 -24
  284. package/lib/modal/modal.less +33 -1
  285. package/lib/modal/modal.variable.css +25 -1
  286. package/lib/modal/props.mixin.d.ts +77 -10
  287. package/lib/navigation/index.d.ts +310 -1
  288. package/lib/navigation/index.js +1 -1
  289. package/lib/navigation/navigation-title.d.ts +10 -7
  290. package/lib/navigation/navigation.css +1 -1
  291. package/lib/navigation/navigation.d.ts +50 -24
  292. package/lib/navigation/navigation.less +1 -1
  293. package/lib/navigation/navigation.variable.css +18 -2
  294. package/lib/notify/index.js +1 -1
  295. package/lib/notify/notify.css +17 -1
  296. package/lib/notify/notify.less +19 -1
  297. package/lib/notify/notify.variable.css +34 -2
  298. package/lib/notify/notifyConstructor.d.ts +83 -23
  299. package/lib/pagination/index.d.ts +395 -0
  300. package/lib/pagination/index.js +1 -0
  301. package/lib/pagination/pagination.css +179 -0
  302. package/lib/pagination/pagination.d.ts +220 -0
  303. package/lib/pagination/pagination.less +201 -0
  304. package/lib/pagination/pagination.variable.css +281 -0
  305. package/lib/pagination/type.d.ts +6 -0
  306. package/lib/pagination/use-limit.d.ts +8 -0
  307. package/lib/pagination/use-list.d.ts +8 -0
  308. package/lib/pagination/use-small-list.d.ts +5 -0
  309. package/lib/pagination/use-total.d.ts +5 -0
  310. package/lib/popover/index.d.ts +322 -137
  311. package/lib/popover/index.js +1 -1
  312. package/lib/popover/popover.css +26 -13
  313. package/lib/popover/popover.d.ts +122 -45
  314. package/lib/popover/popover.less +59 -45
  315. package/lib/popover/popover.variable.css +43 -14
  316. package/lib/popover/props.d.ts +104 -0
  317. package/lib/popover2/arrow.d.ts +2 -0
  318. package/lib/popover2/const.d.ts +10 -0
  319. package/lib/popover2/content.d.ts +24 -0
  320. package/lib/popover2/index.d.ts +495 -0
  321. package/lib/popover2/index.js +1 -0
  322. package/lib/popover2/popover2.css +25 -0
  323. package/lib/popover2/popover2.d.ts +209 -0
  324. package/lib/popover2/popover2.less +35 -0
  325. package/lib/popover2/popover2.variable.css +127 -0
  326. package/lib/popover2/props.d.ts +108 -0
  327. package/lib/popover2/reference.d.ts +2 -0
  328. package/lib/popover2/root.d.ts +16 -0
  329. package/lib/popover2/use-floating.d.ts +20 -0
  330. package/lib/popover2/use-popper-id.d.ts +7 -0
  331. package/lib/preset.d.ts +2 -3
  332. package/lib/preset.js +1 -0
  333. package/lib/process/index.d.ts +205 -0
  334. package/lib/process/index.js +1 -0
  335. package/lib/process/process.css +138 -0
  336. package/lib/process/process.d.ts +131 -0
  337. package/lib/process/process.less +178 -0
  338. package/lib/process/process.variable.css +240 -0
  339. package/lib/progress/index.d.ts +305 -135
  340. package/lib/progress/index.js +1 -1
  341. package/lib/progress/progress.css +8 -3
  342. package/lib/progress/progress.d.ts +89 -36
  343. package/lib/progress/progress.less +0 -4
  344. package/lib/progress/progress.variable.css +25 -4
  345. package/lib/radio/common.d.ts +5 -5
  346. package/lib/radio/index.d.ts +146 -97
  347. package/lib/radio/index.js +1 -1
  348. package/lib/radio/radio-button.d.ts +28 -20
  349. package/lib/radio/radio-group.d.ts +11 -10
  350. package/lib/radio/radio.css +8 -8
  351. package/lib/radio/radio.d.ts +27 -17
  352. package/lib/radio/radio.less +9 -9
  353. package/lib/radio/radio.variable.css +26 -10
  354. package/lib/radio/type.d.ts +10 -5
  355. package/lib/rate/index.d.ts +52 -40
  356. package/lib/rate/index.js +1 -1
  357. package/lib/rate/rate.d.ts +13 -10
  358. package/lib/rate/star.d.ts +33 -16
  359. package/lib/resize-layout/index.d.ts +336 -0
  360. package/lib/resize-layout/index.js +1 -0
  361. package/lib/resize-layout/resize-layout.css +189 -0
  362. package/lib/resize-layout/resize-layout.d.ts +127 -0
  363. package/lib/resize-layout/resize-layout.less +233 -0
  364. package/lib/resize-layout/resize-layout.variable.css +291 -0
  365. package/lib/select/common.d.ts +20 -22
  366. package/lib/select/index.d.ts +1063 -707
  367. package/lib/select/index.js +1 -15
  368. package/lib/select/option.d.ts +23 -19
  369. package/lib/select/optionGroup.d.ts +36 -97
  370. package/lib/select/select.css +223 -70
  371. package/lib/select/select.d.ts +376 -192
  372. package/lib/select/select.less +257 -127
  373. package/lib/select/select.variable.css +240 -71
  374. package/lib/select/selectTagInput.d.ts +72 -0
  375. package/lib/select/type.d.ts +38 -0
  376. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +6 -1
  377. package/lib/shared/index.d.ts +26 -4
  378. package/lib/shared/index.js +1 -1
  379. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +33 -3
  380. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +10 -2
  381. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +50 -5
  382. package/lib/shared/token.d.ts +4 -0
  383. package/lib/shared/utils.d.ts +18 -0
  384. package/lib/shared/vue-types.d.ts +11 -7
  385. package/lib/sideslider/index.d.ts +424 -80
  386. package/lib/sideslider/index.js +1 -1
  387. package/lib/sideslider/sideslider.css +48 -3
  388. package/lib/sideslider/sideslider.d.ts +181 -30
  389. package/lib/sideslider/sideslider.less +65 -6
  390. package/lib/sideslider/sideslider.variable.css +65 -4
  391. package/lib/slider/index.d.ts +414 -1
  392. package/lib/slider/index.js +1 -15
  393. package/lib/slider/slider-button.d.ts +15 -7
  394. package/lib/slider/slider.d.ts +84 -42
  395. package/lib/slider/slider.variable.css +17 -1
  396. package/lib/steps/index.d.ts +162 -110
  397. package/lib/steps/index.js +1 -15
  398. package/lib/steps/steps.css +17 -3
  399. package/lib/steps/steps.d.ts +41 -28
  400. package/lib/steps/steps.less +27 -3
  401. package/lib/steps/steps.variable.css +34 -4
  402. package/lib/styles/index.d.ts +14 -0
  403. package/lib/styles/mixins/clearfix.css +8 -0
  404. package/lib/styles/mixins/clearfix.less +10 -0
  405. package/lib/styles/mixins/clearfix.variable.css +8 -0
  406. package/lib/styles/mixins/mixins.css +8 -0
  407. package/lib/styles/mixins/mixins.less +1 -0
  408. package/lib/styles/mixins/mixins.variable.css +8 -0
  409. package/lib/styles/themes/themes.less +25 -1
  410. package/lib/swiper/index.d.ts +181 -0
  411. package/lib/swiper/index.js +1 -0
  412. package/lib/swiper/swiper.css +91 -0
  413. package/lib/swiper/swiper.d.ts +65 -0
  414. package/lib/swiper/swiper.less +107 -0
  415. package/lib/swiper/swiper.variable.css +91 -0
  416. package/lib/switcher/index.d.ts +201 -137
  417. package/lib/switcher/index.js +1 -1
  418. package/lib/switcher/switcher.css +157 -135
  419. package/lib/switcher/switcher.d.ts +52 -36
  420. package/lib/switcher/switcher.less +211 -153
  421. package/lib/switcher/switcher.variable.css +174 -136
  422. package/lib/tab/index.d.ts +306 -282
  423. package/lib/tab/index.js +1 -1
  424. package/lib/tab/props.d.ts +194 -0
  425. package/lib/tab/tab-nav.d.ts +102 -87
  426. package/lib/tab/tab-panel.d.ts +53 -26
  427. package/lib/tab/tab.css +25 -1
  428. package/lib/tab/tab.d.ts +59 -51
  429. package/lib/tab/tab.less +31 -19
  430. package/lib/tab/tab.variable.css +42 -2
  431. package/lib/table/const.d.ts +49 -0
  432. package/lib/table/index.d.ts +498 -70
  433. package/lib/table/index.js +1 -1
  434. package/lib/table/plugins/head-filter.css +68 -0
  435. package/lib/table/plugins/head-filter.less +88 -0
  436. package/lib/table/plugins/head-filter.variable.css +170 -0
  437. package/lib/table/plugins/head-sort.css +22 -0
  438. package/lib/table/plugins/head-sort.less +28 -0
  439. package/lib/table/plugins/head-sort.variable.css +124 -0
  440. package/lib/table/plugins/settings.css +110 -0
  441. package/lib/table/plugins/settings.less +136 -0
  442. package/lib/table/plugins/settings.variable.css +212 -0
  443. package/lib/table/props.d.ts +204 -2
  444. package/lib/table/render.d.ts +76 -5
  445. package/lib/table/table.css +410 -15
  446. package/lib/table/table.d.ts +217 -14
  447. package/lib/table/table.less +246 -24
  448. package/lib/table/table.variable.css +428 -17
  449. package/lib/table/use-common.d.ts +55 -0
  450. package/lib/table/utils.d.ts +83 -1
  451. package/lib/tag/index.d.ts +165 -274
  452. package/lib/tag/index.js +1 -1
  453. package/lib/tag/tag.css +97 -0
  454. package/lib/tag/tag.d.ts +83 -53
  455. package/lib/tag/tag.less +110 -2
  456. package/lib/tag/tag.variable.css +114 -1
  457. package/lib/tag-input/common.d.ts +24 -0
  458. package/lib/tag-input/index.d.ts +894 -0
  459. package/lib/tag-input/index.js +1 -0
  460. package/lib/tag-input/list-tag-render.d.ts +47 -0
  461. package/lib/tag-input/tag-input.css +209 -0
  462. package/lib/tag-input/tag-input.d.ts +374 -0
  463. package/lib/tag-input/tag-input.less +251 -0
  464. package/lib/tag-input/tag-input.variable.css +311 -0
  465. package/lib/tag-input/tag-props.d.ts +131 -0
  466. package/lib/tag-input/tag-render.d.ts +38 -0
  467. package/lib/timeline/index.d.ts +129 -0
  468. package/lib/timeline/index.js +1 -0
  469. package/lib/timeline/timeline.css +235 -0
  470. package/lib/timeline/timeline.d.ts +81 -0
  471. package/lib/timeline/timeline.less +240 -0
  472. package/lib/timeline/timeline.variable.css +337 -0
  473. package/lib/transfer/const.d.ts +5 -0
  474. package/lib/transfer/index.d.ts +365 -0
  475. package/lib/transfer/index.js +1 -0
  476. package/lib/transfer/props.d.ts +54 -0
  477. package/lib/transfer/transfer.css +139 -0
  478. package/lib/transfer/transfer.d.ts +160 -0
  479. package/lib/transfer/transfer.less +144 -0
  480. package/lib/transfer/transfer.variable.css +241 -0
  481. package/lib/tree/constant.d.ts +43 -0
  482. package/lib/tree/index.d.ts +417 -94
  483. package/lib/tree/index.js +1 -1
  484. package/lib/tree/props.d.ts +168 -0
  485. package/lib/tree/tree.css +33 -15
  486. package/lib/tree/tree.d.ts +177 -31
  487. package/lib/tree/tree.less +49 -38
  488. package/lib/tree/tree.variable.css +135 -15
  489. package/lib/tree/use-empty.d.ts +6 -0
  490. package/lib/tree/use-node-action.d.ts +11 -0
  491. package/lib/tree/use-node-async.d.ts +5 -0
  492. package/lib/tree/use-node-attribute.d.ts +31 -0
  493. package/lib/tree/use-node-drag.d.ts +3 -0
  494. package/lib/tree/use-search.d.ts +11 -0
  495. package/lib/tree/use-tree-init.d.ts +15 -0
  496. package/lib/tree/util.d.ts +34 -57
  497. package/lib/upload/index.d.ts +2 -0
  498. package/lib/upload/index.js +1 -0
  499. package/lib/upload/props.d.ts +113 -0
  500. package/lib/upload/upload-list.d.ts +46 -0
  501. package/lib/upload/upload-trigger.d.ts +54 -0
  502. package/lib/upload/upload.css +374 -0
  503. package/lib/upload/upload.d.ts +252 -0
  504. package/lib/upload/upload.less +455 -0
  505. package/lib/upload/upload.type.d.ts +78 -0
  506. package/lib/upload/upload.variable.css +476 -0
  507. package/lib/upload/use-ajax-upload.d.ts +3 -0
  508. package/lib/upload/use-file-handler.d.ts +44 -0
  509. package/lib/virtual-render/index.d.ts +579 -0
  510. package/lib/virtual-render/index.js +1 -0
  511. package/lib/virtual-render/props.d.ts +167 -0
  512. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  513. package/lib/virtual-render/v-virtual-render.d.ts +6 -0
  514. package/lib/virtual-render/virtual-render.css +33 -0
  515. package/lib/virtual-render/virtual-render.d.ts +255 -0
  516. package/lib/virtual-render/virtual-render.less +43 -0
  517. package/lib/virtual-render/virtual-render.variable.css +33 -0
  518. package/lib/volar.components.d.ts +28 -0
  519. package/package.json +107 -84
  520. package/dist/bkui-vue.cjs.js +0 -9995
  521. package/dist/bkui-vue.esm.js +0 -9954
  522. package/dist/bkui-vue.umd.js +0 -9998
  523. package/lib/form/common.d.ts +0 -3
  524. package/lib/styles/index.js +0 -1
package/lib/loading/loading.less CHANGED
@@ -8,6 +8,12 @@
8
8
  @ovalGap: 20px;
9
9
  @titleMarginTop: 8px;
10
10
 
11
+ @miniDotSize: 3px;
12
+ @miniDotGap: 3px;
13
+ @miniOvalWidth: 2px;
14
+ @miniOvalHeight: 3px;
15
+ @miniOvalGap: 8px;
16
+
11
17
  @smallDotSize: 6px;
12
18
  @smallDotGap: 6px;
13
19
  @smallOvalWidth: 4px;
@@ -20,24 +26,23 @@
20
26
  @largeOvalHeight: 12px;
21
27
  @largeOvalGap: 26px;
22
28
 
23
-
24
29
  .create-rotate(@time, @deg) {
25
30
  transform: rotate(@deg);
26
- animation-delay: @time;
31
+ animation-delay: -@time;
27
32
  }
28
33
 
29
34
  .loading-theme(@theme) {
30
35
  .oval,
31
36
  .dot,
32
- .dot1,
33
- .dot2,
34
- .dot3,
35
- .dot4 {
37
+ .dot-1,
38
+ .dot-2,
39
+ .dot-3,
40
+ .dot-4 {
36
41
  background-color: @theme;
37
42
  }
38
43
  }
39
44
 
40
- @sizeSelectors: small, large;
45
+ @sizeSelectors: mini, small, large;
41
46
  @selectors: @danger-color, @warning-color, @success-color, @primary-color;
42
47
  @themeSelectors: {
43
48
  success: @success-color;
@@ -48,69 +53,100 @@
48
53
  default: @light-gray;
49
54
  };
50
55
 
51
- .bk-loading-wrapper {
56
+ .@{bk-prefix}-loading-wrapper {
52
57
  position: static;
53
- display: inline-block;
54
- font-size: 0;
55
-
56
- &.bk-nested-loading {
58
+ vertical-align: middle;
59
+ &:not(.@{bk-prefix}-nested-loading) {
60
+ display: inline-flex;
61
+ }
62
+
63
+ &.@{bk-prefix}-nested-loading {
57
64
  position: relative;
65
+ width: 100%;
66
+ height: 100%;
67
+
68
+ &.is-block {
69
+ display: block;
70
+ }
58
71
 
59
- .bk-loading-indicator {
72
+ .@{bk-prefix}-loading-indicator {
60
73
  position: absolute;
61
74
  top: 50%;
62
75
  left: 50%;
63
- z-index: 4;
76
+ z-index: 11;
77
+ text-align: center;
64
78
  transform: translate(-50%, -50%);
65
79
  }
66
80
  }
67
81
 
68
- .bk-loading-mask {
69
- opacity: .5;
82
+ .dot {
83
+ display: inline-flex;
84
+ width: @dotSize;
85
+ height: @dotSize;
86
+ margin-right: @dotGap;
87
+ border-radius: 50%;
88
+ transform: scale(.6);
89
+ animation-duration: .8s;
90
+ animation-iteration-count: infinite;
91
+ animation-name: loading-scale-animate;
92
+ animation-direction: normal;
93
+ }
70
94
 
71
- &::after {
72
- position: absolute;
73
- top: 0;
74
- right: 0;
75
- bottom: 0;
76
- left: 0;
77
- z-index: 10;
78
- width: 100%;
79
- height: 100%;
80
- background-color: rgba(255, 255, 255, .9);
81
- content: '';
82
- }
95
+ .oval {
96
+ position: absolute;
97
+
98
+ width: @ovalWidth;
99
+ height: @ovalHeight;
100
+ background-color: @default-color;
101
+ border-radius: @ovalHeight;
102
+ animation-duration: 1.2s;
103
+ animation-iteration-count: infinite;
104
+ animation-name: fade;
105
+ transform-origin: center @ovalGap;
83
106
  }
84
107
 
85
- .bk-loading-indicator {
86
- font-size: @font-size-medium;
108
+ .@{bk-prefix}-loading-mask {
109
+ position: absolute;
110
+ width: 100%;
111
+ height: 100%;
112
+ }
87
113
 
114
+ .@{bk-prefix}-loading-indicator {
115
+ display: flex;
116
+ line-height: 1;
117
+ text-align: center;
118
+ flex-direction: column;
119
+ each(@themeSelectors, {
120
+ &.@{bk-prefix}-loading-@{key} {
121
+ .loading-theme(@value);
122
+ }
123
+ })
88
124
 
89
- each(@selectors, {
125
+ each(@selectors, {
90
126
  .dot-@{index} {
91
127
  background-color: @value;
92
128
  animation-delay: .1s + (@index - 1) * .15;
93
129
  & when (@index = 4) {
94
- margin-right: 0;
130
+ margin-right: 0px;
95
131
  }
96
132
  }
97
133
  });
98
134
 
99
135
  each(range(8), {
100
136
  .oval-@{value} {
101
- .create-rotate(.45s + (@value * .15), -135deg + (45 * (@value - 1)));
137
+ .create-rotate(.45s + ((@value - 1) * .15), 135deg - (45 * (@value - 1)));
102
138
  }
103
139
  });
104
-
105
- each(@themeSelectors, {
106
- &.bk-loading-@{key} {
107
- .loading-theme(@value);
108
- }
109
- })
110
-
111
- ;
112
140
 
113
- .bk-spin-indicator {
141
+ .@{bk-prefix}-normal-indicator {
142
+ display: inline-flex;
143
+ }
144
+
145
+ .@{bk-prefix}-spin-indicator {
146
+ position: relative;
147
+ display: inline-flex;
148
+ justify-content: center;
149
+ width: 2 * @ovalGap;
114
150
  height: 2 * @ovalGap;
115
151
  }
116
152
 
@@ -121,9 +157,10 @@
121
157
  @sizedOvalHeight: '@{value}OvalHeight';
122
158
  @sizedOvalGap: '@{value}OvalGap';
123
159
 
124
- &.bk-loading-size-@{value} {
125
- .bk-spin-indicator {
160
+ &.@{bk-prefix}-loading-size-@{value} {
161
+ .@{bk-prefix}-spin-indicator {
126
162
  height: 2 * @@sizedOvalGap;
163
+ width: 2 * @@sizedOvalGap;
127
164
  }
128
165
  .dot {
129
166
  width: @@sizedDotSize;
@@ -139,43 +176,17 @@
139
176
  border-radius: @@sizedOvalHeight;
140
177
  transform-origin: center @@sizedOvalGap;
141
178
  }
142
- .bk-loading-title {
179
+ .@{bk-prefix}-loading-title {
143
180
  font-size: if(@value = small, @font-size-base, @font-size-medium);
144
181
  }
145
182
  }
146
183
  })
147
-
148
- .bk-loading-title {
184
+ .@{bk-prefix}-loading-title {
149
185
  margin-top: @titleMarginTop;
150
186
  font-size: @font-size-medium;
151
187
  line-height: normal;
152
188
  color: @default-color;
153
189
  text-align: center;
154
190
  }
155
-
156
- .dot {
157
- display: inline-block;
158
- width: @dotSize;
159
- height: @dotSize;
160
- margin-right: @dotGap;
161
- border-radius: 50%;
162
- transform: scale(.6);
163
- animation-duration: .8s;
164
- animation-iteration-count: infinite;
165
- animation-name: loading-scale-animate;
166
- animation-direction: normal;
167
- }
168
-
169
- .oval {
170
- position: absolute;
171
- width: @ovalWidth;
172
- height: @ovalHeight;
173
- background-color: @default-color;
174
- border-radius: @ovalHeight;
175
- animation-duration: 1.2s;
176
- animation-iteration-count: infinite;
177
- animation-name: fade;
178
- transform-origin: center @ovalGap;
179
- animation-direction: normal;
180
- }}
191
+ }
181
192
  }
package/lib/loading/loading.variable.css CHANGED
@@ -1,5 +1,6 @@
1
1
  :root {
2
2
  --bk-prefix: bk;
3
+ --popover-max-height: 216px;
3
4
  --primary-color: #3a84ff;
4
5
  --success-color: #2dcb56;
5
6
  --warning-color: #ff9c01;
@@ -8,6 +9,7 @@
8
9
  --gray-color: #979ba5;
9
10
  --light-gray: #c4c6cc;
10
11
  --white-color: white;
12
+ --whitesmoke-color: #fafbfd;
11
13
  --disable-color: #dcdee5;
12
14
  --font-size-base: 12px;
13
15
  --font-size-medium: 14px;
@@ -30,7 +32,8 @@
30
32
  --input-broder-radius: 3px;
31
33
  --input-shadow-color: #a3c5fd;
32
34
  --input-horizontal-padding: 10px;
33
- --input-block-color: #f4f6fa;
35
+ --input-block-color: #f5f7fa;
36
+ --input-block-hover-color: #eaebf0;
34
37
  --input-icon-size: var(--font-size-large);
35
38
  --input-maxlength-color: #979ba5;
36
39
  --button-primary-hover-color: #5594fa;
@@ -42,6 +45,8 @@
42
45
  --button-danger-active-color: #db2626;
43
46
  --button-success-active-color: #1ab943;
44
47
  --button-warning-active-color: #eb9000;
48
+ --button-selected-bg-color: #e1ecff;
49
+ --button-disabled-selected-bg-color: #f0f1f5;
45
50
  --fixed-navbar-background: #fff;
46
51
  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
47
52
  --switch-default-color: #fff;
@@ -83,6 +88,17 @@
83
88
  --date-picker-disabled-bg: #fafbfd;
84
89
  --date-picker-dropdown-mb: 4px;
85
90
  --date-picker-dropdown-bg: #fff;
91
+ --table-bg-color: var(--white-color);
92
+ --table-border-color: #dcdee5;
93
+ --table-head-bg-color: #fafbfd;
94
+ --table-head-font-color: #313238;
95
+ --table-body-font-color: #575961;
96
+ --table-row-hover-bg-color: #f5f7fa;
97
+ --table-row-active-bg-color: #f0f1f5;
98
+ --cascader-panel-border-color: #dcdee5;
99
+ --cascader-panel-hover: #eaf3ff;
100
+ --cascader-panel-active: #f4f6fa;
101
+ --cascader-panel-disabled-bg: #fff;
86
102
  }
87
103
  @keyframes loading-scale-animate {
88
104
  0% {
@@ -105,38 +121,118 @@
105
121
  .bk-fade-transtion .bk-fade-leave-to {
106
122
  opacity: 0;
107
123
  }
124
+ .clearfix-style::after {
125
+ display: block;
126
+ height: 0;
127
+ clear: both;
128
+ font-size: 0;
129
+ content: '';
130
+ visibility: hidden;
131
+ }
108
132
  .bk-loading-wrapper {
109
133
  position: static;
110
- display: inline-block;
111
- font-size: 0;
134
+ vertical-align: middle;
135
+ }
136
+ .bk-loading-wrapper:not(.bk-nested-loading) {
137
+ display: inline-flex;
112
138
  }
113
139
  .bk-loading-wrapper.bk-nested-loading {
114
140
  position: relative;
141
+ width: 100%;
142
+ height: 100%;
143
+ }
144
+ .bk-loading-wrapper.bk-nested-loading.is-block {
145
+ display: block;
115
146
  }
116
147
  .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
117
148
  position: absolute;
118
149
  top: 50%;
119
150
  left: 50%;
120
- z-index: 4;
151
+ z-index: 11;
152
+ text-align: center;
121
153
  transform: translate(-50%, -50%);
122
154
  }
123
- .bk-loading-wrapper .bk-loading-mask {
124
- opacity: 0.5;
155
+ .bk-loading-wrapper .dot {
156
+ display: inline-flex;
157
+ width: 14px;
158
+ height: 14px;
159
+ margin-right: 10px;
160
+ border-radius: 50%;
161
+ transform: scale(0.6);
162
+ animation-duration: 0.8s;
163
+ animation-iteration-count: infinite;
164
+ animation-name: loading-scale-animate;
165
+ animation-direction: normal;
166
+ }
167
+ .bk-loading-wrapper .oval {
168
+ position: absolute;
169
+ width: 6px;
170
+ height: 8px;
171
+ background-color: var(--default-color);
172
+ border-radius: 8px;
173
+ animation-duration: 1.2s;
174
+ animation-iteration-count: infinite;
175
+ animation-name: fade;
176
+ transform-origin: center 20px;
125
177
  }
126
- .bk-loading-wrapper .bk-loading-mask::after {
178
+ .bk-loading-wrapper .bk-loading-mask {
127
179
  position: absolute;
128
- top: 0;
129
- right: 0;
130
- bottom: 0;
131
- left: 0;
132
- z-index: 10;
133
180
  width: 100%;
134
181
  height: 100%;
135
- background-color: rgba(255, 255, 255, 0.9);
136
- content: '';
137
182
  }
138
183
  .bk-loading-wrapper .bk-loading-indicator {
139
- font-size: var(--font-size-medium);
184
+ display: flex;
185
+ line-height: 1;
186
+ text-align: center;
187
+ flex-direction: column;
188
+ }
189
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
190
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
191
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
192
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
193
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
194
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
195
+ background-color: var(--success-color);
196
+ }
197
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
198
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
199
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
200
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
201
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
202
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
203
+ background-color: var(--danger-color);
204
+ }
205
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
206
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
207
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
208
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
209
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
210
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
211
+ background-color: var(--warning-color);
212
+ }
213
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
214
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
215
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
216
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
217
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
218
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
219
+ background-color: var(--primary-color);
220
+ }
221
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
222
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
223
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
224
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
225
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
226
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
227
+ background-color: var(--white-color);
228
+ }
229
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
230
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
231
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
232
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
233
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
234
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
235
+ background-color: var(--light-gray);
140
236
  }
141
237
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
142
238
  background-color: var(--danger-color);
@@ -153,93 +249,74 @@
153
249
  .bk-loading-wrapper .bk-loading-indicator .dot-4 {
154
250
  background-color: var(--primary-color);
155
251
  animation-delay: 0.55s;
156
- margin-right: 0;
252
+ margin-right: 0px;
157
253
  }
158
254
  .bk-loading-wrapper .bk-loading-indicator .oval-1 {
159
- transform: rotate(-135deg);
160
- animation-delay: 0.6s;
255
+ transform: rotate(135deg);
256
+ animation-delay: -0.45s;
161
257
  }
162
258
  .bk-loading-wrapper .bk-loading-indicator .oval-2 {
163
- transform: rotate(-90deg);
164
- animation-delay: 0.75s;
259
+ transform: rotate(90deg);
260
+ animation-delay: -0.6s;
165
261
  }
166
262
  .bk-loading-wrapper .bk-loading-indicator .oval-3 {
167
- transform: rotate(-45deg);
168
- animation-delay: 0.9s;
263
+ transform: rotate(45deg);
264
+ animation-delay: -0.75s;
169
265
  }
170
266
  .bk-loading-wrapper .bk-loading-indicator .oval-4 {
171
267
  transform: rotate(0deg);
172
- animation-delay: 1.05s;
268
+ animation-delay: -0.9s;
173
269
  }
174
270
  .bk-loading-wrapper .bk-loading-indicator .oval-5 {
175
- transform: rotate(45deg);
176
- animation-delay: 1.2s;
271
+ transform: rotate(-45deg);
272
+ animation-delay: -1.05s;
177
273
  }
178
274
  .bk-loading-wrapper .bk-loading-indicator .oval-6 {
179
- transform: rotate(90deg);
180
- animation-delay: 1.35s;
275
+ transform: rotate(-90deg);
276
+ animation-delay: -1.2s;
181
277
  }
182
278
  .bk-loading-wrapper .bk-loading-indicator .oval-7 {
183
- transform: rotate(135deg);
184
- animation-delay: 1.5s;
279
+ transform: rotate(-135deg);
280
+ animation-delay: -1.35s;
185
281
  }
186
282
  .bk-loading-wrapper .bk-loading-indicator .oval-8 {
187
- transform: rotate(180deg);
188
- animation-delay: 1.65s;
283
+ transform: rotate(-180deg);
284
+ animation-delay: -1.5s;
189
285
  }
190
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
191
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
192
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
193
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
194
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
195
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
196
- background-color: var(--success-color);
286
+ .bk-loading-wrapper .bk-loading-indicator .bk-normal-indicator {
287
+ display: inline-flex;
197
288
  }
198
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
199
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
200
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
201
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
202
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
203
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
204
- background-color: var(--danger-color);
289
+ .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
290
+ position: relative;
291
+ display: inline-flex;
292
+ justify-content: center;
293
+ width: 40px;
294
+ height: 40px;
205
295
  }
206
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
207
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
208
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
209
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
210
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
211
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
212
- background-color: var(--warning-color);
296
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
297
+ height: 16px;
298
+ width: 16px;
213
299
  }
214
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
215
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
216
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
217
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
218
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
219
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
220
- background-color: var(--primary-color);
300
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
301
+ width: 3px;
302
+ height: 3px;
303
+ margin-right: 3px;
221
304
  }
222
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
223
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
224
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
225
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
226
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
227
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
228
- background-color: var(--white-color);
305
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
306
+ margin-right: 0;
229
307
  }
230
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
231
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
232
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
233
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
234
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
235
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
236
- background-color: var(--light-gray);
308
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
309
+ width: 2px;
310
+ height: 3px;
311
+ border-radius: 3px;
312
+ transform-origin: center 8px;
237
313
  }
238
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
239
- height: 40px;
314
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
315
+ font-size: var(--font-size-medium);
240
316
  }
241
317
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
242
318
  height: 22px;
319
+ width: 22px;
243
320
  }
244
321
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
245
322
  width: 6px;
@@ -260,6 +337,7 @@
260
337
  }
261
338
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
262
339
  height: 52px;
340
+ width: 52px;
263
341
  }
264
342
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
265
343
  width: 20px;
@@ -285,27 +363,3 @@
285
363
  color: var(--default-color);
286
364
  text-align: center;
287
365
  }
288
- .bk-loading-wrapper .bk-loading-indicator .dot {
289
- display: inline-block;
290
- width: 14px;
291
- height: 14px;
292
- margin-right: 10px;
293
- border-radius: 50%;
294
- transform: scale(0.6);
295
- animation-duration: 0.8s;
296
- animation-iteration-count: infinite;
297
- animation-name: loading-scale-animate;
298
- animation-direction: normal;
299
- }
300
- .bk-loading-wrapper .bk-loading-indicator .oval {
301
- position: absolute;
302
- width: 6px;
303
- height: 8px;
304
- background-color: var(--default-color);
305
- border-radius: 8px;
306
- animation-duration: 1.2s;
307
- animation-iteration-count: infinite;
308
- animation-name: fade;
309
- transform-origin: center 20px;
310
- animation-direction: normal;
311
- }