bkui-vue 0.0.1-beta.2 → 0.0.1-beta.22

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 (428) hide show
  1. package/README.md +31 -19
  2. package/README_EN.md +93 -0
  3. package/dist/bkui-vue.cjs.js +10044 -1374
  4. package/dist/bkui-vue.esm.js +10003 -1380
  5. package/dist/bkui-vue.umd.js +10044 -1374
  6. package/dist/style.css +3322 -241
  7. package/lib/alert/alert.d.ts +24 -15
  8. package/lib/alert/alert.variable.css +32 -0
  9. package/lib/alert/index.d.ts +180 -3
  10. package/lib/alert/index.js +1 -1
  11. package/lib/animate-number/animate-number.d.ts +12 -7
  12. package/lib/animate-number/index.d.ts +97 -2
  13. package/lib/animate-number/index.js +1 -1
  14. package/lib/backtop/backtop.d.ts +27 -13
  15. package/lib/backtop/backtop.variable.css +32 -0
  16. package/lib/backtop/index.d.ts +166 -2
  17. package/lib/backtop/index.js +1 -1
  18. package/lib/badge/badge.d.ts +40 -19
  19. package/lib/badge/badge.variable.css +32 -0
  20. package/lib/badge/index.d.ts +217 -2
  21. package/lib/badge/index.js +1 -1
  22. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  23. package/lib/breadcrumb/breadcrumb.css +10 -1
  24. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  25. package/lib/breadcrumb/breadcrumb.less +13 -2
  26. package/lib/breadcrumb/breadcrumb.variable.css +42 -1
  27. package/lib/breadcrumb/index.d.ts +144 -43
  28. package/lib/breadcrumb/index.js +1 -1
  29. package/lib/button/button-group.d.ts +3 -5
  30. package/lib/button/button.css +9 -0
  31. package/lib/button/button.d.ts +57 -28
  32. package/lib/button/button.less +23 -15
  33. package/lib/button/button.variable.css +41 -0
  34. package/lib/button/index.d.ts +225 -3
  35. package/lib/button/index.js +1 -1
  36. package/lib/card/card.d.ts +30 -15
  37. package/lib/card/card.variable.css +32 -0
  38. package/lib/card/index.d.ts +187 -2
  39. package/lib/card/index.js +1 -1
  40. package/lib/checkbox/checkbox-group.d.ts +13 -9
  41. package/lib/checkbox/checkbox.d.ts +31 -22
  42. package/lib/checkbox/checkbox.variable.css +32 -0
  43. package/lib/checkbox/index.d.ts +261 -2
  44. package/lib/checkbox/index.js +1 -1
  45. package/lib/checkbox/type.d.ts +6 -5
  46. package/lib/code-diff/code-diff.css +114 -0
  47. package/lib/code-diff/code-diff.d.ts +71 -0
  48. package/lib/code-diff/code-diff.less +144 -0
  49. package/lib/code-diff/code-diff.variable.css +207 -0
  50. package/lib/code-diff/index.d.ts +6 -0
  51. package/lib/collapse/collapse.css +8 -0
  52. package/lib/collapse/collapse.d.ts +50 -18
  53. package/lib/collapse/collapse.less +10 -0
  54. package/lib/collapse/collapse.variable.css +8 -0
  55. package/lib/collapse/index.d.ts +166 -2
  56. package/lib/collapse/index.js +1 -1
  57. package/lib/components.d.ts +37 -0
  58. package/lib/date-picker/date-picker.css +407 -0
  59. package/lib/date-picker/date-picker.d.ts +294 -0
  60. package/lib/date-picker/date-picker.less +526 -0
  61. package/lib/date-picker/date-picker.variable.css +500 -0
  62. package/lib/date-picker/fecha.d.ts +6 -0
  63. package/lib/date-picker/index.d.ts +713 -0
  64. package/lib/date-picker/index.js +1 -0
  65. package/lib/date-picker/interface.d.ts +22 -0
  66. package/lib/date-picker/props.d.ts +111 -0
  67. package/lib/date-picker/utils.d.ts +97 -0
  68. package/lib/dialog/dialog.d.ts +57 -27
  69. package/lib/dialog/index.d.ts +286 -2
  70. package/lib/dialog/index.js +1 -1
  71. package/lib/directives/clickoutside.d.ts +3 -0
  72. package/lib/directives/index.d.ts +2 -0
  73. package/lib/directives/index.js +14 -14
  74. package/lib/directives/tooltips.d.ts +17 -0
  75. package/lib/divider/divider.css +38 -0
  76. package/lib/divider/divider.d.ts +48 -0
  77. package/lib/divider/divider.less +53 -0
  78. package/lib/divider/divider.variable.css +131 -0
  79. package/lib/divider/index.d.ts +142 -0
  80. package/lib/divider/index.js +1 -0
  81. package/lib/dropdown/dropdown-item.d.ts +19 -0
  82. package/lib/dropdown/dropdown-menu.d.ts +16 -0
  83. package/lib/dropdown/dropdown.css +43 -0
  84. package/lib/dropdown/dropdown.d.ts +61 -0
  85. package/lib/dropdown/dropdown.less +54 -0
  86. package/lib/dropdown/dropdown.variable.css +136 -0
  87. package/lib/dropdown/index.d.ts +192 -0
  88. package/lib/dropdown/index.js +1 -0
  89. package/lib/exception/exception.d.ts +11 -9
  90. package/lib/exception/exception.variable.css +32 -0
  91. package/lib/exception/index.d.ts +95 -1
  92. package/lib/exception/index.js +1 -1
  93. package/lib/fixed-navbar/fixed-navbar.d.ts +15 -9
  94. package/lib/fixed-navbar/fixed-navbar.variable.css +32 -0
  95. package/lib/fixed-navbar/index.d.ts +112 -2
  96. package/lib/fixed-navbar/index.js +1 -1
  97. package/lib/form/common.d.ts +3 -0
  98. package/lib/form/form-item.d.ts +159 -0
  99. package/lib/form/form.css +39 -0
  100. package/lib/form/form.d.ts +84 -0
  101. package/lib/form/form.less +50 -0
  102. package/lib/form/form.variable.css +39 -0
  103. package/lib/form/index.d.ts +286 -0
  104. package/lib/form/index.js +1 -0
  105. package/lib/form/type.d.ts +21 -0
  106. package/lib/form/validator.d.ts +8 -0
  107. package/lib/icon/angle-double-down-line.d.ts +4 -0
  108. package/lib/icon/angle-double-down-line.js +15 -0
  109. package/lib/icon/angle-double-left-line.d.ts +4 -0
  110. package/lib/icon/angle-double-left-line.js +15 -0
  111. package/lib/icon/angle-double-left.d.ts +4 -0
  112. package/lib/icon/angle-double-left.js +15 -0
  113. package/lib/icon/angle-double-right-line.d.ts +4 -0
  114. package/lib/icon/angle-double-right-line.js +15 -0
  115. package/lib/icon/angle-double-right.d.ts +4 -0
  116. package/lib/icon/angle-double-right.js +15 -0
  117. package/lib/icon/angle-double-up-line.d.ts +4 -0
  118. package/lib/icon/angle-double-up-line.js +15 -0
  119. package/lib/icon/angle-down-fill.d.ts +4 -0
  120. package/lib/icon/angle-down-fill.js +15 -0
  121. package/lib/icon/angle-down-line.d.ts +4 -0
  122. package/lib/icon/angle-down-line.js +15 -0
  123. package/lib/icon/angle-down.d.ts +4 -0
  124. package/lib/icon/angle-down.js +15 -0
  125. package/lib/icon/angle-left.d.ts +4 -0
  126. package/lib/icon/angle-left.js +15 -0
  127. package/lib/icon/angle-right.d.ts +4 -0
  128. package/lib/icon/angle-right.js +15 -0
  129. package/lib/icon/angle-up-fill.d.ts +4 -0
  130. package/lib/icon/angle-up-fill.js +15 -0
  131. package/lib/icon/angle-up.d.ts +4 -0
  132. package/lib/icon/angle-up.js +15 -0
  133. package/lib/icon/arrows-left.d.ts +4 -0
  134. package/lib/icon/arrows-left.js +15 -0
  135. package/lib/icon/arrows-right.d.ts +4 -0
  136. package/lib/icon/arrows-right.js +15 -0
  137. package/lib/icon/bk.d.ts +4 -0
  138. package/lib/icon/bk.js +15 -0
  139. package/lib/icon/circle.d.ts +4 -0
  140. package/lib/icon/circle.js +15 -0
  141. package/lib/icon/close.d.ts +4 -0
  142. package/lib/icon/close.js +15 -0
  143. package/lib/icon/code.d.ts +4 -0
  144. package/lib/icon/code.js +15 -0
  145. package/lib/icon/cog-shape.d.ts +4 -0
  146. package/lib/icon/cog-shape.js +15 -0
  147. package/lib/icon/collapse-left.d.ts +4 -0
  148. package/lib/icon/collapse-left.js +15 -0
  149. package/lib/icon/copy.d.ts +4 -0
  150. package/lib/icon/copy.js +15 -0
  151. package/lib/icon/done.d.ts +4 -0
  152. package/lib/icon/done.js +15 -0
  153. package/lib/icon/down-shape.d.ts +4 -0
  154. package/lib/icon/down-shape.js +15 -0
  155. package/lib/icon/down-small.d.ts +4 -0
  156. package/lib/icon/down-small.js +15 -0
  157. package/lib/icon/ellipsis.d.ts +4 -0
  158. package/lib/icon/ellipsis.js +15 -0
  159. package/lib/icon/error.d.ts +4 -0
  160. package/lib/icon/error.js +15 -0
  161. package/lib/icon/eye.d.ts +4 -0
  162. package/lib/icon/eye.js +15 -0
  163. package/lib/icon/folder-open.d.ts +4 -0
  164. package/lib/icon/folder-open.js +15 -0
  165. package/lib/icon/folder-shape-open.d.ts +4 -0
  166. package/lib/icon/folder-shape-open.js +15 -0
  167. package/lib/icon/folder-shape.d.ts +4 -0
  168. package/lib/icon/folder-shape.js +15 -0
  169. package/lib/icon/folder.d.ts +4 -0
  170. package/lib/icon/folder.js +15 -0
  171. package/lib/icon/help-document-fill.d.ts +4 -0
  172. package/lib/icon/help-document-fill.js +15 -0
  173. package/lib/icon/help-fill.d.ts +4 -0
  174. package/lib/icon/help-fill.js +15 -0
  175. package/lib/icon/help.d.ts +4 -0
  176. package/lib/icon/help.js +15 -0
  177. package/lib/icon/icon.d.ts +12 -0
  178. package/lib/icon/icon.js +15 -0
  179. package/lib/icon/index.d.ts +42 -0
  180. package/lib/icon/index.js +1 -1
  181. package/lib/icon/info-line.d.ts +4 -0
  182. package/lib/icon/info-line.js +15 -0
  183. package/lib/icon/info.d.ts +4 -0
  184. package/lib/icon/info.js +15 -0
  185. package/lib/icon/left-shape.d.ts +4 -0
  186. package/lib/icon/left-shape.js +15 -0
  187. package/lib/icon/play-shape.d.ts +4 -0
  188. package/lib/icon/play-shape.js +15 -0
  189. package/lib/icon/plus.d.ts +4 -0
  190. package/lib/icon/plus.js +15 -0
  191. package/lib/icon/qq.d.ts +4 -0
  192. package/lib/icon/qq.js +15 -0
  193. package/lib/icon/right-shape.d.ts +4 -0
  194. package/lib/icon/right-shape.js +15 -0
  195. package/lib/icon/search.d.ts +4 -0
  196. package/lib/icon/search.js +15 -0
  197. package/lib/icon/share.d.ts +4 -0
  198. package/lib/icon/share.js +15 -0
  199. package/lib/icon/spinner.d.ts +4 -0
  200. package/lib/icon/spinner.js +15 -0
  201. package/lib/icon/success.d.ts +4 -0
  202. package/lib/icon/success.js +15 -0
  203. package/lib/icon/switcher-loading.d.ts +4 -0
  204. package/lib/icon/switcher-loading.js +15 -0
  205. package/lib/icon/text-file.d.ts +4 -0
  206. package/lib/icon/text-file.js +15 -0
  207. package/lib/icon/tree-application-shape.d.ts +4 -0
  208. package/lib/icon/tree-application-shape.js +15 -0
  209. package/lib/icon/unvisible.d.ts +4 -0
  210. package/lib/icon/unvisible.js +15 -0
  211. package/lib/icon/up-shape.d.ts +4 -0
  212. package/lib/icon/up-shape.js +15 -0
  213. package/lib/icon/warn.d.ts +4 -0
  214. package/lib/icon/warn.js +15 -0
  215. package/lib/icon/weixin.d.ts +4 -0
  216. package/lib/icon/weixin.js +15 -0
  217. package/lib/index.d.ts +4 -0
  218. package/lib/input/index.d.ts +417 -2
  219. package/lib/input/index.js +2 -2
  220. package/lib/input/input.css +20 -2
  221. package/lib/input/input.d.ts +98 -46
  222. package/lib/input/input.less +28 -5
  223. package/lib/input/input.variable.css +52 -2
  224. package/lib/link/index.d.ts +164 -2
  225. package/lib/link/index.js +1 -1
  226. package/lib/link/link.d.ts +25 -13
  227. package/lib/link/link.variable.css +32 -0
  228. package/lib/loading/index.d.ts +146 -2
  229. package/lib/loading/index.js +1 -1
  230. package/lib/loading/loading.css +98 -71
  231. package/lib/loading/loading.d.ts +47 -21
  232. package/lib/loading/loading.less +62 -49
  233. package/lib/loading/loading.variable.css +130 -71
  234. package/lib/menu/index.d.ts +188 -0
  235. package/lib/menu/index.js +1 -0
  236. package/lib/menu/menu-group.d.ts +14 -0
  237. package/lib/menu/menu-item.d.ts +16 -0
  238. package/lib/menu/menu.css +182 -0
  239. package/lib/menu/menu.d.ts +64 -0
  240. package/lib/menu/menu.less +180 -0
  241. package/lib/menu/menu.variable.css +275 -0
  242. package/lib/menu/submenu.css +3 -0
  243. package/lib/menu/submenu.d.ts +22 -0
  244. package/lib/menu/submenu.less +5 -0
  245. package/lib/menu/submenu.variable.css +96 -0
  246. package/lib/menu/utils.d.ts +41 -0
  247. package/lib/message/index.d.ts +2 -0
  248. package/lib/message/index.js +1 -0
  249. package/lib/message/message.css +53 -0
  250. package/lib/message/message.less +61 -0
  251. package/lib/message/message.variable.css +146 -0
  252. package/lib/message/messageConstructor.d.ts +73 -0
  253. package/lib/modal/index.d.ts +214 -3
  254. package/lib/modal/index.js +1 -1
  255. package/lib/modal/modal.d.ts +33 -15
  256. package/lib/modal/props.mixin.d.ts +5 -1
  257. package/lib/navigation/index.d.ts +2 -0
  258. package/lib/navigation/index.js +1 -0
  259. package/lib/navigation/navigation-title.d.ts +25 -0
  260. package/lib/navigation/navigation.css +184 -0
  261. package/lib/navigation/navigation.d.ts +111 -0
  262. package/lib/navigation/navigation.less +210 -0
  263. package/lib/navigation/navigation.variable.css +277 -0
  264. package/lib/notify/index.d.ts +2 -0
  265. package/lib/notify/index.js +1 -0
  266. package/lib/notify/notify.css +49 -0
  267. package/lib/notify/notify.less +58 -0
  268. package/lib/notify/notify.variable.css +142 -0
  269. package/lib/notify/notifyConstructor.d.ts +91 -0
  270. package/lib/pagination/index.d.ts +395 -0
  271. package/lib/pagination/index.js +1 -0
  272. package/lib/pagination/pagination.css +179 -0
  273. package/lib/pagination/pagination.d.ts +220 -0
  274. package/lib/pagination/pagination.less +201 -0
  275. package/lib/pagination/pagination.variable.css +272 -0
  276. package/lib/pagination/type.d.ts +6 -0
  277. package/lib/pagination/use-limit.d.ts +8 -0
  278. package/lib/pagination/use-list.d.ts +8 -0
  279. package/lib/pagination/use-small-list.d.ts +5 -0
  280. package/lib/pagination/use-total.d.ts +5 -0
  281. package/lib/popover/index.d.ts +287 -27
  282. package/lib/popover/index.js +1 -1
  283. package/lib/popover/popover.css +23 -14
  284. package/lib/popover/popover.d.ts +74 -45
  285. package/lib/popover/popover.less +57 -46
  286. package/lib/popover/popover.variable.css +55 -14
  287. package/lib/popover/props.d.ts +77 -0
  288. package/lib/preset.d.ts +7 -0
  289. package/lib/process/index.d.ts +205 -0
  290. package/lib/process/index.js +15 -0
  291. package/lib/process/process.css +138 -0
  292. package/lib/process/process.d.ts +131 -0
  293. package/lib/process/process.less +178 -0
  294. package/lib/process/process.variable.css +231 -0
  295. package/lib/progress/index.d.ts +398 -2
  296. package/lib/progress/index.js +1 -1
  297. package/lib/progress/progress.css +0 -3
  298. package/lib/progress/progress.d.ts +88 -35
  299. package/lib/progress/progress.less +0 -4
  300. package/lib/progress/progress.variable.css +32 -3
  301. package/lib/radio/index.d.ts +277 -2
  302. package/lib/radio/index.js +1 -1
  303. package/lib/radio/radio-button.d.ts +24 -16
  304. package/lib/radio/radio-group.d.ts +11 -10
  305. package/lib/radio/radio.css +6 -0
  306. package/lib/radio/radio.d.ts +23 -13
  307. package/lib/radio/radio.less +7 -0
  308. package/lib/radio/radio.variable.css +38 -0
  309. package/lib/rate/index.d.ts +113 -2
  310. package/lib/rate/index.js +1 -1
  311. package/lib/rate/rate.d.ts +13 -10
  312. package/lib/rate/star.d.ts +33 -16
  313. package/lib/select/common.d.ts +13 -3
  314. package/lib/select/index.d.ts +962 -2
  315. package/lib/select/index.js +15 -1
  316. package/lib/select/option.d.ts +12 -19
  317. package/lib/select/optionGroup.d.ts +130 -0
  318. package/lib/select/select.css +130 -14
  319. package/lib/select/select.d.ts +152 -150
  320. package/lib/select/select.less +164 -26
  321. package/lib/select/select.variable.css +162 -14
  322. package/lib/shared/bk-helper-core.d.ts +6 -0
  323. package/lib/shared/bk-mask-manager.d.ts +32 -3
  324. package/lib/shared/bk-pop-manager.d.ts +8 -1
  325. package/lib/shared/bk-popover.d.ts +56 -5
  326. package/lib/shared/index.d.ts +24 -0
  327. package/lib/shared/index.js +1 -1
  328. package/lib/shared/utils.d.ts +6 -0
  329. package/lib/shared/vue-types.d.ts +7 -6
  330. package/lib/shared/z-index-manager.d.ts +6 -1
  331. package/lib/sideslider/index.d.ts +206 -2
  332. package/lib/sideslider/index.js +1 -1
  333. package/lib/sideslider/sideslider.d.ts +39 -18
  334. package/lib/sideslider/sideslider.variable.css +32 -0
  335. package/{index.d.ts → lib/slider/index.d.ts} +4 -5
  336. package/lib/slider/index.js +15 -0
  337. package/{commitlint.config.js → lib/slider/slider-button.d.ts} +50 -42
  338. package/lib/slider/slider.css +149 -0
  339. package/lib/slider/slider.d.ts +189 -0
  340. package/lib/slider/slider.less +179 -0
  341. package/lib/slider/slider.variable.css +242 -0
  342. package/lib/steps/index.d.ts +250 -0
  343. package/lib/steps/index.js +15 -0
  344. package/lib/steps/steps.css +288 -0
  345. package/lib/steps/steps.d.ts +161 -0
  346. package/lib/steps/steps.less +324 -0
  347. package/lib/steps/steps.variable.css +381 -0
  348. package/lib/styles/index.d.ts +43 -25
  349. package/lib/styles/index.js +1 -1
  350. package/lib/styles/mixins/popper.css +43 -0
  351. package/lib/styles/mixins/popper.less +52 -0
  352. package/lib/styles/mixins/popper.variable.css +43 -0
  353. package/lib/styles/mixins/size.less +9 -0
  354. package/lib/styles/reset.css +273 -0
  355. package/lib/styles/reset.less +313 -0
  356. package/lib/styles/reset.variable.css +273 -0
  357. package/lib/styles/themes/themes.less +52 -2
  358. package/lib/switcher/index.d.ts +286 -2
  359. package/lib/switcher/index.js +1 -1
  360. package/lib/switcher/switcher.css +149 -135
  361. package/lib/switcher/switcher.d.ts +48 -32
  362. package/lib/switcher/switcher.less +210 -154
  363. package/lib/switcher/switcher.variable.css +181 -135
  364. package/lib/tab/index.d.ts +552 -0
  365. package/lib/tab/index.js +1 -0
  366. package/lib/tab/tab-nav.d.ts +190 -0
  367. package/lib/tab/tab-panel.d.ts +48 -0
  368. package/lib/tab/tab.css +147 -0
  369. package/lib/tab/tab.d.ts +163 -0
  370. package/lib/tab/tab.less +221 -0
  371. package/lib/tab/tab.variable.css +240 -0
  372. package/lib/table/const.d.ts +4 -0
  373. package/lib/table/index.d.ts +282 -2
  374. package/lib/table/index.js +1 -1
  375. package/lib/table/props.d.ts +118 -0
  376. package/lib/table/render.d.ts +74 -0
  377. package/lib/table/table.css +90 -0
  378. package/lib/table/table.d.ts +85 -37
  379. package/lib/table/table.less +116 -1
  380. package/lib/table/table.variable.css +122 -0
  381. package/lib/table/utils.d.ts +69 -0
  382. package/lib/tag/index.d.ts +229 -2
  383. package/lib/tag/index.js +1 -1
  384. package/lib/tag/tag.css +91 -0
  385. package/lib/tag/tag.d.ts +83 -53
  386. package/lib/tag/tag.less +103 -2
  387. package/lib/tag/tag.variable.css +123 -0
  388. package/lib/timeline/index.d.ts +129 -0
  389. package/lib/timeline/index.js +1 -0
  390. package/lib/timeline/timeline.css +235 -0
  391. package/lib/timeline/timeline.d.ts +81 -0
  392. package/lib/timeline/timeline.less +239 -0
  393. package/lib/timeline/timeline.variable.css +328 -0
  394. package/{changelog.config.js → lib/transfer/index.d.ts} +2 -8
  395. package/lib/transfer/index.js +1 -0
  396. package/lib/transfer/transfer.css +158 -0
  397. package/lib/transfer/transfer.d.ts +185 -0
  398. package/lib/transfer/transfer.less +171 -0
  399. package/lib/transfer/transfer.variable.css +251 -0
  400. package/lib/tree/index.d.ts +276 -0
  401. package/lib/tree/index.js +1 -0
  402. package/lib/tree/props.d.ts +89 -0
  403. package/lib/tree/tree.css +42 -0
  404. package/lib/tree/tree.d.ts +112 -0
  405. package/lib/tree/tree.less +52 -0
  406. package/lib/tree/tree.variable.css +42 -0
  407. package/lib/tree/util.d.ts +70 -0
  408. package/lib/use-form.d.ts +3 -0
  409. package/lib/use-message.d.ts +2 -0
  410. package/lib/virtual-render/index.d.ts +556 -0
  411. package/lib/virtual-render/index.js +1 -0
  412. package/lib/virtual-render/props.d.ts +157 -0
  413. package/lib/virtual-render/v-virtual-render.d.ts +7 -0
  414. package/lib/virtual-render/virtual-render.css +40 -0
  415. package/lib/virtual-render/virtual-render.d.ts +244 -0
  416. package/lib/virtual-render/virtual-render.less +51 -0
  417. package/lib/virtual-render/virtual-render.variable.css +40 -0
  418. package/package.json +63 -48
  419. package/index.html +0 -40
  420. package/lib/checkbox-group/index.d.ts +0 -2
  421. package/lib/checkbox-group/index.js +0 -1
  422. package/lib/radio-button/index.d.ts +0 -2
  423. package/lib/radio-button/index.js +0 -1
  424. package/lib/radio-group/index.d.ts +0 -2
  425. package/lib/radio-group/index.js +0 -1
  426. package/lib/table/common.d.ts +0 -3
  427. package/lib/table/table-layout.d.ts +0 -14
  428. package/lib/table/type.d.ts +0 -12
@@ -1,3 +1,147 @@
1
- import BkLoading, { BkLoadingMode, BkLoadingSize } from './loading';
1
+ import { setDefaultIndicator, BkLoadingMode, BkLoadingSize } from './loading';
2
+ declare const BkLoading: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{
7
+ title: string;
8
+ size: string;
9
+ loading: boolean;
10
+ mode: string;
11
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
12
+ indicator: {
13
+ type: FunctionConstructor;
14
+ };
15
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
16
+ default: boolean;
17
+ };
18
+ theme: import("vue-types").VueTypeDef<string>;
19
+ title: import("vue-types").VueTypeValidableDef<string> & {
20
+ default: string;
21
+ } & {
22
+ default: string;
23
+ };
24
+ size: import("vue-types").VueTypeDef<string> & {
25
+ default: string;
26
+ };
27
+ mode: import("vue-types").VueTypeDef<string> & {
28
+ default: string;
29
+ };
30
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "loading" | "mode">;
31
+ $attrs: {
32
+ [x: string]: unknown;
33
+ };
34
+ $refs: {
35
+ [x: string]: unknown;
36
+ };
37
+ $slots: Readonly<{
38
+ [name: string]: import("vue").Slot;
39
+ }>;
40
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
41
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
42
+ $emit: (event: string, ...args: any[]) => void;
43
+ $el: any;
44
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
45
+ indicator: {
46
+ type: FunctionConstructor;
47
+ };
48
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
49
+ default: boolean;
50
+ };
51
+ theme: import("vue-types").VueTypeDef<string>;
52
+ title: import("vue-types").VueTypeValidableDef<string> & {
53
+ default: string;
54
+ } & {
55
+ default: string;
56
+ };
57
+ size: import("vue-types").VueTypeDef<string> & {
58
+ default: string;
59
+ };
60
+ mode: import("vue-types").VueTypeDef<string> & {
61
+ default: string;
62
+ };
63
+ }>>, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
64
+ [key: string]: any;
65
+ }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
66
+ title: string;
67
+ size: string;
68
+ loading: boolean;
69
+ mode: string;
70
+ }> & {
71
+ beforeCreate?: (() => void) | (() => void)[];
72
+ created?: (() => void) | (() => void)[];
73
+ beforeMount?: (() => void) | (() => void)[];
74
+ mounted?: (() => void) | (() => void)[];
75
+ beforeUpdate?: (() => void) | (() => void)[];
76
+ updated?: (() => void) | (() => void)[];
77
+ activated?: (() => void) | (() => void)[];
78
+ deactivated?: (() => void) | (() => void)[];
79
+ beforeDestroy?: (() => void) | (() => void)[];
80
+ beforeUnmount?: (() => void) | (() => void)[];
81
+ destroyed?: (() => void) | (() => void)[];
82
+ unmounted?: (() => void) | (() => void)[];
83
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
84
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
85
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
86
+ };
87
+ $forceUpdate: () => void;
88
+ $nextTick: typeof import("vue").nextTick;
89
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
90
+ } & Readonly<import("vue").ExtractPropTypes<{
91
+ indicator: {
92
+ type: FunctionConstructor;
93
+ };
94
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
95
+ default: boolean;
96
+ };
97
+ theme: import("vue-types").VueTypeDef<string>;
98
+ title: import("vue-types").VueTypeValidableDef<string> & {
99
+ default: string;
100
+ } & {
101
+ default: string;
102
+ };
103
+ size: import("vue-types").VueTypeDef<string> & {
104
+ default: string;
105
+ };
106
+ mode: import("vue-types").VueTypeDef<string> & {
107
+ default: string;
108
+ };
109
+ }>> & import("vue").ShallowUnwrapRef<() => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
110
+ [key: string]: any;
111
+ }>[]> & {} & {} & import("vue").ComponentCustomProperties;
112
+ __isFragment?: never;
113
+ __isTeleport?: never;
114
+ __isSuspense?: never;
115
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
116
+ indicator: {
117
+ type: FunctionConstructor;
118
+ };
119
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
120
+ default: boolean;
121
+ };
122
+ theme: import("vue-types").VueTypeDef<string>;
123
+ title: import("vue-types").VueTypeValidableDef<string> & {
124
+ default: string;
125
+ } & {
126
+ default: string;
127
+ };
128
+ size: import("vue-types").VueTypeDef<string> & {
129
+ default: string;
130
+ };
131
+ mode: import("vue-types").VueTypeDef<string> & {
132
+ default: string;
133
+ };
134
+ }>>, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
135
+ [key: string]: any;
136
+ }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
137
+ title: string;
138
+ size: string;
139
+ loading: boolean;
140
+ mode: string;
141
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
142
+ setDefaultIndicator: typeof setDefaultIndicator;
143
+ BkLoadingMode: typeof BkLoadingMode;
144
+ BkLoadingSize: typeof BkLoadingSize;
145
+ }>;
2
146
  export default BkLoading;
3
- export { BkLoadingMode, BkLoadingSize, };
147
+ export { BkLoading, setDefaultIndicator, BkLoadingMode, BkLoadingSize, };
@@ -1 +1 @@
1
- !function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,n,t){"use strict";function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var i,d,r,l=o(a.exports);e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var u={indicator:{type:Function},theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.size(),mode:t.PropTypes.oneOf(Object.values(e.BkLoadingMode))},s=n.defineComponent({name:"BkLoading",props:u,setup:function(e,o){var a=[1,2,3,4].map((function(e){return n.createVNode("span",{class:"dot dot-".concat(e)},null)})),i=n.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return n.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),d=n.computed((function(){return t.classes({"bk-nested-loading":!!o.slots.default},"bk-loading-wrapper")})),u=n.computed((function(){var n;return t.classes((l(n={},"bk-loading-size-".concat(e.size),!e.size),l(n,"bk-loading-".concat(e.theme),!e.theme),n),"bk-loading-indicator")})),s=n.computed((function(){return!!e.title})),c=n.computed((function(){var t="spin"===e.mode;return"function"==typeof e.indicator?n.createVNode(e.indicator,null,null):"function"==typeof r?n.createVNode(r,null,null):t?i:a}));return function(){return n.createVNode("div",{class:d.value},[n.createVNode("div",{class:u.value},[c.value,s.value&&n.createVNode("div",{class:"bk-loading-title"},[e.title])]),o.slots.default&&n.createVNode("div",{class:"bk-loading-mask"},[o.slots.default()])])}}});s.install=function(e){e.component(s.name,s)},s.setDefaultIndicator=function(e){r="function"==typeof e?e:function(){return n.createVNode(e,null,null)}},s.BkLoadingMode=e.BkLoadingMode,s.BkLoadingSize=e.BkLoadingSize,e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Default="default",i.Spin="spin",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Mini="mini",d.Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.commonType(Object.values(e.BkLoadingSize)).def("small"),mode:t.PropTypes.commonType(Object.values(e.BkLoadingMode)).def("default")},c=o.defineComponent({name:"Loading",props:s,setup:function(n,a){var i=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),d=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),u=o.computed((function(){return t.classes({"bk-nested-loading":!!a.slots.default},"bk-loading-wrapper")}));console.log(n.theme);var s=o.computed((function(){var e;return t.classes((r(e={},"bk-loading-size-".concat(n.size),!!n.size),r(e,"bk-loading-".concat(n.theme),!!n.theme),e),"bk-loading-indicator")})),c=o.computed((function(){return!!n.title})),p=o.computed((function(){var t=n.mode===e.BkLoadingMode.Spin;return"function"==typeof n.indicator?o.createVNode(n.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?d:i}));return function(){var e,t;return a.slots.default&&!n.loading?null===(t=(e=a.slots).default)||void 0===t?void 0:t.call(e):o.createVNode("div",{class:u.value},[o.createVNode("div",{class:s.value},[p.value,c.value&&o.createVNode("div",{class:"bk-loading-title"},[n.title])]),a.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[a.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -23,6 +23,7 @@
23
23
  position: static;
24
24
  display: inline-block;
25
25
  font-size: 0;
26
+ vertical-align: middle;
26
27
  }
27
28
  .bk-loading-wrapper.bk-nested-loading {
28
29
  position: relative;
@@ -32,8 +33,33 @@
32
33
  top: 50%;
33
34
  left: 50%;
34
35
  z-index: 4;
36
+ text-align: center;
35
37
  transform: translate(-50%, -50%);
36
38
  }
39
+ .bk-loading-wrapper .dot {
40
+ display: inline-block;
41
+ width: 14px;
42
+ height: 14px;
43
+ margin-right: 10px;
44
+ border-radius: 50%;
45
+ transform: scale(0.6);
46
+ animation-duration: 0.8s;
47
+ animation-iteration-count: infinite;
48
+ animation-name: loading-scale-animate;
49
+ animation-direction: normal;
50
+ }
51
+ .bk-loading-wrapper .oval {
52
+ position: absolute;
53
+ width: 6px;
54
+ height: 8px;
55
+ background-color: #63656e;
56
+ border-radius: 8px;
57
+ animation-duration: 1.2s;
58
+ animation-iteration-count: infinite;
59
+ animation-name: fade;
60
+ transform-origin: center 20px;
61
+ animation-direction: normal;
62
+ }
37
63
  .bk-loading-wrapper .bk-loading-mask {
38
64
  opacity: 0.5;
39
65
  }
@@ -50,7 +76,55 @@
50
76
  content: '';
51
77
  }
52
78
  .bk-loading-wrapper .bk-loading-indicator {
53
- font-size: 14px;
79
+ text-align: center;
80
+ }
81
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
82
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
83
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
84
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
85
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
86
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
87
+ background-color: #2dcb56;
88
+ }
89
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
90
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
91
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
92
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
93
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
94
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
95
+ background-color: #ea3636;
96
+ }
97
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
98
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
99
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
100
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
101
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
102
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
103
+ background-color: #ff9c01;
104
+ }
105
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
106
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
107
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
108
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
109
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
110
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
111
+ background-color: #3a84ff;
112
+ }
113
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
114
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
115
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
116
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
117
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
118
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
119
+ background-color: white;
120
+ }
121
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
122
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
123
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
124
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
125
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
126
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
127
+ background-color: #c4c6cc;
54
128
  }
55
129
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
56
130
  background-color: #ea3636;
@@ -67,7 +141,7 @@
67
141
  .bk-loading-wrapper .bk-loading-indicator .dot-4 {
68
142
  background-color: #3a84ff;
69
143
  animation-delay: 0.55s;
70
- margin-right: 0;
144
+ margin-right: 0px;
71
145
  }
72
146
  .bk-loading-wrapper .bk-loading-indicator .oval-1 {
73
147
  transform: rotate(-135deg);
@@ -101,59 +175,35 @@
101
175
  transform: rotate(180deg);
102
176
  animation-delay: 1.65s;
103
177
  }
104
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
105
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
106
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
107
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
108
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
109
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
110
- background-color: #2dcb56;
178
+ .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
179
+ display: inline-block;
180
+ width: 40px;
181
+ height: 40px;
111
182
  }
112
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
113
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
114
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
115
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
116
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
117
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
118
- background-color: #ea3636;
183
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
184
+ height: 16px;
185
+ width: 16px;
119
186
  }
120
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
121
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
122
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
123
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
124
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
125
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
126
- background-color: #ff9c01;
187
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
188
+ width: 3px;
189
+ height: 3px;
190
+ margin-right: 3px;
127
191
  }
128
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
129
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
130
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
131
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
132
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
133
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
134
- background-color: #3a84ff;
135
- }
136
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
137
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
138
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
139
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
140
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
141
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
142
- background-color: white;
192
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
193
+ margin-right: 0;
143
194
  }
144
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
145
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
146
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
147
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
148
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
149
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
150
- background-color: #c4c6cc;
195
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
196
+ width: 2px;
197
+ height: 3px;
198
+ border-radius: 3px;
199
+ transform-origin: center 8px;
151
200
  }
152
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
153
- height: 40px;
201
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
202
+ font-size: 14px;
154
203
  }
155
204
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
156
205
  height: 22px;
206
+ width: 22px;
157
207
  }
158
208
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
159
209
  width: 6px;
@@ -174,6 +224,7 @@
174
224
  }
175
225
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
176
226
  height: 52px;
227
+ width: 52px;
177
228
  }
178
229
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
179
230
  width: 20px;
@@ -199,27 +250,3 @@
199
250
  color: #63656e;
200
251
  text-align: center;
201
252
  }
202
- .bk-loading-wrapper .bk-loading-indicator .dot {
203
- display: inline-block;
204
- width: 14px;
205
- height: 14px;
206
- margin-right: 10px;
207
- border-radius: 50%;
208
- transform: scale(0.6);
209
- animation-duration: 0.8s;
210
- animation-iteration-count: infinite;
211
- animation-name: loading-scale-animate;
212
- animation-direction: normal;
213
- }
214
- .bk-loading-wrapper .bk-loading-indicator .oval {
215
- position: absolute;
216
- width: 6px;
217
- height: 8px;
218
- background-color: #63656e;
219
- border-radius: 8px;
220
- animation-duration: 1.2s;
221
- animation-iteration-count: infinite;
222
- animation-name: fade;
223
- transform-origin: center 20px;
224
- animation-direction: normal;
225
- }
@@ -1,9 +1,10 @@
1
- import { ExtractPropTypes } from 'vue';
1
+ import { ExtractPropTypes, VNode } from 'vue';
2
2
  export declare enum BkLoadingMode {
3
- Spin = "spin",
4
- Default = "default"
3
+ Default = "default",
4
+ Spin = "spin"
5
5
  }
6
6
  export declare enum BkLoadingSize {
7
+ Mini = "mini",
7
8
  Small = "small",
8
9
  Large = "large"
9
10
  }
@@ -12,42 +13,67 @@ export declare const loadingTypes: {
12
13
  indicator: {
13
14
  type: FunctionConstructor;
14
15
  };
16
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
17
+ default: boolean;
18
+ };
15
19
  theme: import("vue-types").VueTypeDef<string>;
16
20
  title: import("vue-types").VueTypeValidableDef<string> & {
17
21
  default: string;
18
22
  } & {
19
23
  default: string;
20
24
  };
21
- size: import("vue-types").VueTypeDef<string>;
22
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
25
+ size: import("vue-types").VueTypeDef<string> & {
26
+ default: string;
27
+ };
28
+ mode: import("vue-types").VueTypeDef<string> & {
29
+ default: string;
30
+ };
23
31
  };
24
32
  export declare type LoadingTypes = ExtractPropTypes<typeof loadingTypes>;
25
33
  declare const _default: import("vue").DefineComponent<{
26
34
  indicator: {
27
35
  type: FunctionConstructor;
28
36
  };
37
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
38
+ default: boolean;
39
+ };
29
40
  theme: import("vue-types").VueTypeDef<string>;
30
41
  title: import("vue-types").VueTypeValidableDef<string> & {
31
42
  default: string;
32
43
  } & {
33
44
  default: string;
34
45
  };
35
- size: import("vue-types").VueTypeDef<string>;
36
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
37
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
38
- indicator?: unknown;
39
- theme?: unknown;
40
- title?: unknown;
41
- size?: unknown;
42
- mode?: unknown;
43
- } & {
44
- title: string;
45
- } & {
46
- theme?: string;
47
- size?: string;
48
- indicator?: Function;
49
- mode?: BkLoadingMode;
50
- }> & {}, {
46
+ size: import("vue-types").VueTypeDef<string> & {
47
+ default: string;
48
+ };
49
+ mode: import("vue-types").VueTypeDef<string> & {
50
+ default: string;
51
+ };
52
+ }, () => JSX.Element | VNode<import("vue").RendererNode, import("vue").RendererElement, {
53
+ [key: string]: any;
54
+ }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
55
+ indicator: {
56
+ type: FunctionConstructor;
57
+ };
58
+ loading: import("vue-types").VueTypeValidableDef<boolean> & {
59
+ default: boolean;
60
+ };
61
+ theme: import("vue-types").VueTypeDef<string>;
62
+ title: import("vue-types").VueTypeValidableDef<string> & {
63
+ default: string;
64
+ } & {
65
+ default: string;
66
+ };
67
+ size: import("vue-types").VueTypeDef<string> & {
68
+ default: string;
69
+ };
70
+ mode: import("vue-types").VueTypeDef<string> & {
71
+ default: string;
72
+ };
73
+ }>>, {
51
74
  title: string;
75
+ size: string;
76
+ loading: boolean;
77
+ mode: string;
52
78
  }>;
53
79
  export default _default;
@@ -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;
@@ -29,15 +35,15 @@
29
35
  .loading-theme(@theme) {
30
36
  .oval,
31
37
  .dot,
32
- .dot1,
33
- .dot2,
34
- .dot3,
35
- .dot4 {
38
+ .dot-1,
39
+ .dot-2,
40
+ .dot-3,
41
+ .dot-4 {
36
42
  background-color: @theme;
37
43
  }
38
44
  }
39
45
 
40
- @sizeSelectors: small, large;
46
+ @sizeSelectors: mini, small, large;
41
47
  @selectors: @danger-color, @warning-color, @success-color, @primary-color;
42
48
  @themeSelectors: {
43
49
  success: @success-color;
@@ -48,24 +54,52 @@
48
54
  default: @light-gray;
49
55
  };
50
56
 
51
- .bk-loading-wrapper {
57
+ .@{bk-prefix}-loading-wrapper {
52
58
  position: static;
53
59
  display: inline-block;
54
60
  font-size: 0;
61
+ vertical-align: middle;
55
62
 
56
- &.bk-nested-loading {
63
+ &.@{bk-prefix}-nested-loading {
57
64
  position: relative;
58
65
 
59
- .bk-loading-indicator {
66
+ .@{bk-prefix}-loading-indicator {
60
67
  position: absolute;
61
68
  top: 50%;
62
69
  left: 50%;
63
70
  z-index: 4;
71
+ text-align: center;
64
72
  transform: translate(-50%, -50%);
65
73
  }
66
74
  }
67
75
 
68
- .bk-loading-mask {
76
+ .dot {
77
+ display: inline-block;
78
+ width: @dotSize;
79
+ height: @dotSize;
80
+ margin-right: @dotGap;
81
+ border-radius: 50%;
82
+ transform: scale(.6);
83
+ animation-duration: .8s;
84
+ animation-iteration-count: infinite;
85
+ animation-name: loading-scale-animate;
86
+ animation-direction: normal;
87
+ }
88
+
89
+ .oval {
90
+ position: absolute;
91
+ width: @ovalWidth;
92
+ height: @ovalHeight;
93
+ background-color: @default-color;
94
+ border-radius: @ovalHeight;
95
+ animation-duration: 1.2s;
96
+ animation-iteration-count: infinite;
97
+ animation-name: fade;
98
+ transform-origin: center @ovalGap;
99
+ animation-direction: normal;
100
+ }
101
+
102
+ .@{bk-prefix}-loading-mask {
69
103
  opacity: .5;
70
104
 
71
105
  &::after {
@@ -82,16 +116,20 @@
82
116
  }
83
117
  }
84
118
 
85
- .bk-loading-indicator {
86
- font-size: @font-size-medium;
87
-
119
+ .@{bk-prefix}-loading-indicator {
120
+ text-align: center;
121
+ each(@themeSelectors, {
122
+ &.@{bk-prefix}-loading-@{key} {
123
+ .loading-theme(@value);
124
+ }
125
+ })
88
126
 
89
- each(@selectors, {
127
+ each(@selectors, {
90
128
  .dot-@{index} {
91
129
  background-color: @value;
92
130
  animation-delay: .1s + (@index - 1) * .15;
93
131
  & when (@index = 4) {
94
- margin-right: 0;
132
+ margin-right: 0px;
95
133
  }
96
134
  }
97
135
  });
@@ -102,15 +140,12 @@
102
140
  }
103
141
  });
104
142
 
105
- each(@themeSelectors, {
106
- &.bk-loading-@{key} {
107
- .loading-theme(@value);
108
- }
109
- })
110
143
 
111
144
  ;
112
145
 
113
- .bk-spin-indicator {
146
+ .@{bk-prefix}-spin-indicator {
147
+ display: inline-block;
148
+ width: 2 * @ovalGap;
114
149
  height: 2 * @ovalGap;
115
150
  }
116
151
 
@@ -121,9 +156,10 @@
121
156
  @sizedOvalHeight: '@{value}OvalHeight';
122
157
  @sizedOvalGap: '@{value}OvalGap';
123
158
 
124
- &.bk-loading-size-@{value} {
125
- .bk-spin-indicator {
159
+ &.@{bk-prefix}-loading-size-@{value} {
160
+ .@{bk-prefix}-spin-indicator {
126
161
  height: 2 * @@sizedOvalGap;
162
+ width: 2 * @@sizedOvalGap;
127
163
  }
128
164
  .dot {
129
165
  width: @@sizedDotSize;
@@ -139,13 +175,13 @@
139
175
  border-radius: @@sizedOvalHeight;
140
176
  transform-origin: center @@sizedOvalGap;
141
177
  }
142
- .bk-loading-title {
178
+ .@{bk-prefix}-loading-title {
143
179
  font-size: if(@value = small, @font-size-base, @font-size-medium);
144
180
  }
145
181
  }
146
182
  })
147
183
 
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;
@@ -153,29 +189,6 @@
153
189
  text-align: center;
154
190
  }
155
191
 
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
- }}
192
+
193
+ }
181
194
  }