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
package/dist/style.css CHANGED
@@ -1,3 +1,276 @@
1
+ html,
2
+ body {
3
+ padding: 0;
4
+ margin: 0;
5
+ }
6
+ * {
7
+ box-sizing: border-box;
8
+ }
9
+ /**
10
+ * HTML5 display definitions
11
+ * ==========================================================================
12
+ *
13
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
14
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
15
+ * Correct `block` display not defined for `main` in IE 11.
16
+ */
17
+ article,
18
+ aside,
19
+ details,
20
+ figcaption,
21
+ figure,
22
+ footer,
23
+ header,
24
+ hgroup,
25
+ main,
26
+ menu,
27
+ nav,
28
+ section,
29
+ summary {
30
+ display: block;
31
+ }
32
+ /**
33
+ * 1. Correct `inline-block` display not defined in IE 8/9.
34
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
35
+ */
36
+ audio,
37
+ canvas,
38
+ progress,
39
+ video {
40
+ /* 1 */
41
+ display: inline-block;
42
+ /* 2 */
43
+ vertical-align: baseline;
44
+ }
45
+ /**
46
+ * Prevent modern browsers from displaying `audio` without controls.
47
+ * Remove excess height in iOS 5 devices.
48
+ */
49
+ audio:not([controls]) {
50
+ display: none;
51
+ height: 0;
52
+ }
53
+ /**
54
+ * Address `[hidden]` styling not present in IE 8/9/10.
55
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
56
+ */
57
+ [hidden],
58
+ template {
59
+ display: none;
60
+ }
61
+ /**
62
+ * Links
63
+ * ==========================================================================
64
+ *
65
+ * Remove the gray background color from active links in IE 10.
66
+ */
67
+ a {
68
+ background-color: transparent;
69
+ }
70
+ /**
71
+ * Improve readability of focused elements when they are also in an
72
+ * active/hover state.
73
+ */
74
+ a:active,
75
+ a:hover {
76
+ outline: 0;
77
+ }
78
+ /**
79
+ * Text-level semantics
80
+ * ==========================================================================
81
+ *
82
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
83
+ */
84
+ abbr[title] {
85
+ border-bottom: 1px dotted;
86
+ }
87
+ /**
88
+ * Embedded content
89
+ * ==========================================================================
90
+ *
91
+ * Remove border when inside `a` element in IE 8/9/10.
92
+ */
93
+ img {
94
+ border: 0;
95
+ }
96
+ /**
97
+ * Correct overflow not hidden in IE 9/10/11.
98
+ */
99
+ svg:not(:root) {
100
+ overflow: hidden;
101
+ }
102
+ /**
103
+ * Grouping content
104
+ * ==========================================================================
105
+ *
106
+ * Address margin not present in IE 8/9 and Safari.
107
+ */
108
+ figure {
109
+ margin: 1em 40px;
110
+ }
111
+ /**
112
+ * Address differences between Firefox and other browsers.
113
+ */
114
+ hr {
115
+ height: 0;
116
+ box-sizing: content-box;
117
+ }
118
+ /**
119
+ * Address odd `em`-unit font size rendering in all browsers.
120
+ *
121
+ * Forms
122
+ * ==========================================================================
123
+ *
124
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
125
+ * styling of `select`, unless a `border` property is set.
126
+ *
127
+ * 1. Correct color not being inherited.
128
+ * Known issue: affects color of disabled elements.
129
+ * 2. Correct font properties not being inherited.
130
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
131
+ */
132
+ button,
133
+ input,
134
+ optgroup,
135
+ select,
136
+ textarea {
137
+ /* 3 */
138
+ margin: 0;
139
+ /* 2 */
140
+ font: inherit;
141
+ /* 1 */
142
+ color: inherit;
143
+ }
144
+ /**
145
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
146
+ */
147
+ button {
148
+ overflow: visible;
149
+ }
150
+ /**
151
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
152
+ * All other form control elements do not inherit `text-transform` values.
153
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
154
+ * Correct `select` style inheritance in Firefox.
155
+ */
156
+ button,
157
+ select {
158
+ text-transform: none;
159
+ }
160
+ /**
161
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
162
+ * 2. Correct inability to style clickable `input` types in iOS.
163
+ * 3. Improve usability and consistency of cursor style between image-type `input` and others.
164
+ */
165
+ button,
166
+ html input[type='button'],
167
+ input[type='reset'],
168
+ input[type='submit'] {
169
+ /* 3 */
170
+ cursor: pointer;
171
+ /* 2 */
172
+ appearance: button;
173
+ }
174
+ /* Re-set default cursor for disabled elements. */
175
+ button[disabled],
176
+ html input[disabled] {
177
+ cursor: default;
178
+ }
179
+ /* Remove inner padding and border in Firefox 4+. */
180
+ button::-moz-focus-inner,
181
+ input::-moz-focus-inner {
182
+ padding: 0;
183
+ border: 0;
184
+ }
185
+ /**
186
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
187
+ */
188
+ input {
189
+ line-height: normal;
190
+ }
191
+ /**
192
+ * It's recommended that you don't attempt to style these elements.
193
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
194
+ *
195
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
196
+ * 2. Remove excess padding in IE 8/9/10.
197
+ */
198
+ input[type='checkbox'],
199
+ input[type='radio'] {
200
+ /* 2 */
201
+ padding: 0;
202
+ /* 1 */
203
+ box-sizing: border-box;
204
+ }
205
+ /**
206
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
207
+ * `font-size` values of the `input`, it causes the cursor style of the
208
+ * decrement button to change from `default` to `text`.
209
+ */
210
+ input[type='number']::-webkit-inner-spin-button,
211
+ input[type='number']::-webkit-outer-spin-button {
212
+ height: auto;
213
+ }
214
+ ::-ms-clear,
215
+ ::-ms-reveal {
216
+ display: none;
217
+ }
218
+ input[type='text']::-ms-clear {
219
+ display: none;
220
+ }
221
+ input[type='text']::-ms-reveal {
222
+ display: none;
223
+ }
224
+ /**
225
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
226
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
227
+ */
228
+ input[type='search'] {
229
+ /* 2 */
230
+ box-sizing: content-box;
231
+ /* 1 */
232
+ appearance: textfield;
233
+ }
234
+ /**
235
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
236
+ * Safari (but not Chrome) clips the cancel button when the search input has
237
+ * padding (and `textfield` appearance).
238
+ */
239
+ input[type='search']::-webkit-search-cancel-button,
240
+ input[type='search']::-webkit-search-decoration {
241
+ appearance: none;
242
+ }
243
+ /**
244
+ * Define consistent border, margin, and padding.
245
+ */
246
+ fieldset {
247
+ padding: 0.35em 0.625em 0.75em;
248
+ margin: 0 2px;
249
+ border: 1px solid #c0c0c0;
250
+ }
251
+ /**
252
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
253
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
254
+ */
255
+ legend {
256
+ /* 2 */
257
+ padding: 0;
258
+ /* 1 */
259
+ border: 0;
260
+ }
261
+ /**
262
+ * Remove default vertical scrollbar in IE 8/9/10/11.
263
+ */
264
+ textarea {
265
+ overflow: auto;
266
+ }
267
+ /**
268
+ * Don't inherit the `font-weight` (applied by a rule above).
269
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
270
+ */
271
+ optgroup {
272
+ font-weight: bold;
273
+ }
1
274
  .bk-alert {
2
275
  position: relative;
3
276
  font-size: 12px;
@@ -274,8 +547,17 @@
274
547
  margin: 0 6px;
275
548
  font-weight: normal;
276
549
  }
550
+ .bk-breadcrumb-goback {
551
+ margin-right: 12px;
552
+ color: #0082ff;
553
+ cursor: pointer;
554
+ }
555
+ .bk-breadcrumb-goback svg {
556
+ font-size: 26px;
557
+ }
277
558
  .bk-breadcrumb-item-inner.is-link,
278
559
  .bk-breadcrumb-item-inner a {
560
+ color: #63656e;
279
561
  text-decoration: none;
280
562
  }
281
563
  .bk-breadcrumb-item-inner.is-link:hover,
@@ -284,7 +566,7 @@
284
566
  cursor: pointer;
285
567
  }
286
568
  .bk-breadcrumb-item:last-child {
287
- color: #63656e;
569
+ color: #979ba5;
288
570
  }
289
571
  .bk-breadcrumb-item:last-child .el-breadcrumb__inner,
290
572
  .bk-breadcrumb-item:last-child .el-breadcrumb__inner a,
@@ -327,6 +609,7 @@
327
609
  .bk-button.bk-button-primary:active {
328
610
  background-color: #2c77f4;
329
611
  border-color: #2c77f4;
612
+ color: white;
330
613
  }
331
614
  .bk-button.bk-button-primary.is-disabled {
332
615
  background-color: #dcdee5;
@@ -367,6 +650,7 @@
367
650
  .bk-button.bk-button-warning:active {
368
651
  background-color: #eb9000;
369
652
  border-color: #eb9000;
653
+ color: white;
370
654
  }
371
655
  .bk-button.bk-button-warning.is-disabled {
372
656
  background-color: #dcdee5;
@@ -407,6 +691,7 @@
407
691
  .bk-button.bk-button-success:active {
408
692
  background-color: #1ab943;
409
693
  border-color: #1ab943;
694
+ color: white;
410
695
  }
411
696
  .bk-button.bk-button-success.is-disabled {
412
697
  background-color: #dcdee5;
@@ -447,6 +732,7 @@
447
732
  .bk-button.bk-button-danger:active {
448
733
  background-color: #db2626;
449
734
  border-color: #db2626;
735
+ color: white;
450
736
  }
451
737
  .bk-button.bk-button-danger.is-disabled {
452
738
  background-color: #dcdee5;
@@ -478,13 +764,18 @@
478
764
  .bk-button.bk-button-small {
479
765
  min-width: 48px;
480
766
  height: 26px;
767
+ line-height: 26px;
481
768
  padding: 0 12px;
482
769
  }
483
770
  .bk-button.bk-button-large {
484
771
  min-width: 74px;
485
772
  height: 38px;
773
+ line-height: 38px;
486
774
  padding: 0 20px;
487
775
  }
776
+ .bk-button .bk-button-loading:not(:last-child) {
777
+ margin-right: 12px;
778
+ }
488
779
  .bk-button:hover {
489
780
  border-color: #979ba5;
490
781
  }
@@ -679,6 +970,7 @@
679
970
  text-align: left;
680
971
  }
681
972
  .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header {
973
+ position: relative;
682
974
  height: 42px;
683
975
  padding: 0 10px;
684
976
  overflow: hidden;
@@ -688,6 +980,13 @@
688
980
  text-overflow: ellipsis;
689
981
  cursor: pointer;
690
982
  }
983
+ .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon {
984
+ position: absolute;
985
+ right: 10px;
986
+ }
987
+ .bk-collapse-wrapper .bk-collapse-item .bk-collapse-header .bk-collapse-icon svg {
988
+ font-size: 20px;
989
+ }
691
990
  .bk-collapse-wrapper .bk-collapse-item .bk-collapse-content {
692
991
  display: none;
693
992
  padding: 0 10px;
@@ -869,12 +1168,24 @@
869
1168
  border-radius: 2px;
870
1169
  transition: all 0.3s;
871
1170
  }
1171
+ .bk-input:hover .show-clear-only-hover {
1172
+ display: block;
1173
+ }
1174
+ .bk-input.is-simplicity {
1175
+ background-color: transparent;
1176
+ border-color: transparent;
1177
+ border-bottom-color: #c4c6cc;
1178
+ }
872
1179
  .bk-input--suffix-icon {
873
1180
  padding-right: 10px;
874
1181
  font-size: 16px;
1182
+ line-height: 1;
875
1183
  color: #c4c6cc;
876
1184
  align-self: center;
877
1185
  }
1186
+ .bk-input--suffix-icon.show-clear-only-hover {
1187
+ display: none;
1188
+ }
878
1189
  .bk-input--large {
879
1190
  height: 38px;
880
1191
  font-size: 16px;
@@ -888,6 +1199,11 @@
888
1199
  outline: 0;
889
1200
  box-shadow: 0px 0px 3px 0px #a3c5fd;
890
1201
  }
1202
+ .bk-input.is-focused:not(.is-readonly).is-simplicity {
1203
+ border-color: transparent;
1204
+ border-bottom-color: #3a84ff;
1205
+ box-shadow: none;
1206
+ }
891
1207
  .bk-input.is-disabled {
892
1208
  cursor: not-allowed;
893
1209
  background-color: #fafbfd;
@@ -932,12 +1248,12 @@
932
1248
  .bk-input--text[type='search']::-webkit-search-results-decoration {
933
1249
  appearance: none;
934
1250
  }
935
- .bk-input--text [type=search]::-ms-clear {
1251
+ .bk-input--text [type='search']::-ms-clear {
936
1252
  display: none;
937
1253
  width: 0;
938
1254
  height: 0;
939
1255
  }
940
- .bk-input--text [type=search]::-ms-reveal {
1256
+ .bk-input--text [type='search']::-ms-reveal {
941
1257
  display: none;
942
1258
  width: 0;
943
1259
  height: 0;
@@ -961,6 +1277,7 @@
961
1277
  height: 50%;
962
1278
  overflow: hidden;
963
1279
  color: #c4c6cc;
1280
+ text-align: center;
964
1281
  }
965
1282
  .bk-input--number-control svg {
966
1283
  font-size: 16px;
@@ -1026,6 +1343,49 @@
1026
1343
  .bk-link.danger.is-disabled {
1027
1344
  color: #fd9c9c;
1028
1345
  }
1346
+ .bk-dropdown {
1347
+ display: inline-block;
1348
+ }
1349
+ .bk-dropdown .bk-dropdown-content {
1350
+ display: none;
1351
+ box-shadow: 0 2px 6px rgba(51, 60, 72, 0.1);
1352
+ }
1353
+ .bk-dropdown .bk-dropdown-content[data-show] {
1354
+ display: block;
1355
+ }
1356
+ .bk-dropdown-menu {
1357
+ min-width: 100%;
1358
+ padding: 5px 0;
1359
+ margin: 0;
1360
+ background: #fff;
1361
+ border: 1px solid #dcdee5;
1362
+ border-radius: 2px;
1363
+ box-sizing: border-box;
1364
+ }
1365
+ .bk-dropdown-menu::-webkit-scrollbar {
1366
+ width: 4px;
1367
+ height: 4px;
1368
+ }
1369
+ .bk-dropdown-menu::-webkit-scrollbar-thumb {
1370
+ background: #dde4eb;
1371
+ border-radius: 20px;
1372
+ box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
1373
+ }
1374
+ .bk-dropdown-item {
1375
+ display: block;
1376
+ height: 32px;
1377
+ padding: 0 16px;
1378
+ font-size: 12px;
1379
+ line-height: 33px;
1380
+ color: #63656e;
1381
+ white-space: nowrap;
1382
+ list-style: none;
1383
+ cursor: pointer;
1384
+ }
1385
+ .bk-dropdown-item:hover {
1386
+ color: #3a84ff;
1387
+ background-color: #eaf3ff;
1388
+ }
1029
1389
  @keyframes loading-scale-animate {
1030
1390
  0% {
1031
1391
  transform: scale(1);
@@ -1051,6 +1411,7 @@
1051
1411
  position: static;
1052
1412
  display: inline-block;
1053
1413
  font-size: 0;
1414
+ vertical-align: middle;
1054
1415
  }
1055
1416
  .bk-loading-wrapper.bk-nested-loading {
1056
1417
  position: relative;
@@ -1060,8 +1421,33 @@
1060
1421
  top: 50%;
1061
1422
  left: 50%;
1062
1423
  z-index: 4;
1424
+ text-align: center;
1063
1425
  transform: translate(-50%, -50%);
1064
1426
  }
1427
+ .bk-loading-wrapper .dot {
1428
+ display: inline-block;
1429
+ width: 14px;
1430
+ height: 14px;
1431
+ margin-right: 10px;
1432
+ border-radius: 50%;
1433
+ transform: scale(0.6);
1434
+ animation-duration: 0.8s;
1435
+ animation-iteration-count: infinite;
1436
+ animation-name: loading-scale-animate;
1437
+ animation-direction: normal;
1438
+ }
1439
+ .bk-loading-wrapper .oval {
1440
+ position: absolute;
1441
+ width: 6px;
1442
+ height: 8px;
1443
+ background-color: #63656e;
1444
+ border-radius: 8px;
1445
+ animation-duration: 1.2s;
1446
+ animation-iteration-count: infinite;
1447
+ animation-name: fade;
1448
+ transform-origin: center 20px;
1449
+ animation-direction: normal;
1450
+ }
1065
1451
  .bk-loading-wrapper .bk-loading-mask {
1066
1452
  opacity: 0.5;
1067
1453
  }
@@ -1078,7 +1464,55 @@
1078
1464
  content: '';
1079
1465
  }
1080
1466
  .bk-loading-wrapper .bk-loading-indicator {
1081
- font-size: 14px;
1467
+ text-align: center;
1468
+ }
1469
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
1470
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
1471
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
1472
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
1473
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
1474
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
1475
+ background-color: #2dcb56;
1476
+ }
1477
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
1478
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
1479
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
1480
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
1481
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
1482
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
1483
+ background-color: #ea3636;
1484
+ }
1485
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
1486
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
1487
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
1488
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
1489
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
1490
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
1491
+ background-color: #ff9c01;
1492
+ }
1493
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
1494
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
1495
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
1496
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
1497
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
1498
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
1499
+ background-color: #3a84ff;
1500
+ }
1501
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
1502
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
1503
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
1504
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
1505
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
1506
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
1507
+ background-color: white;
1508
+ }
1509
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
1510
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
1511
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
1512
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
1513
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
1514
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
1515
+ background-color: #c4c6cc;
1082
1516
  }
1083
1517
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
1084
1518
  background-color: #ea3636;
@@ -1095,7 +1529,7 @@
1095
1529
  .bk-loading-wrapper .bk-loading-indicator .dot-4 {
1096
1530
  background-color: #3a84ff;
1097
1531
  animation-delay: 0.55s;
1098
- margin-right: 0;
1532
+ margin-right: 0px;
1099
1533
  }
1100
1534
  .bk-loading-wrapper .bk-loading-indicator .oval-1 {
1101
1535
  transform: rotate(-135deg);
@@ -1129,59 +1563,35 @@
1129
1563
  transform: rotate(180deg);
1130
1564
  animation-delay: 1.65s;
1131
1565
  }
1132
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
1133
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
1134
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
1135
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
1136
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
1137
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
1138
- background-color: #2dcb56;
1139
- }
1140
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
1141
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
1142
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
1143
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
1144
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
1145
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
1146
- background-color: #ea3636;
1566
+ .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
1567
+ display: inline-block;
1568
+ width: 40px;
1569
+ height: 40px;
1147
1570
  }
1148
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
1149
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
1150
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
1151
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
1152
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
1153
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
1154
- background-color: #ff9c01;
1571
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
1572
+ height: 16px;
1573
+ width: 16px;
1155
1574
  }
1156
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
1157
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
1158
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
1159
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
1160
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
1161
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
1162
- background-color: #3a84ff;
1575
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
1576
+ width: 3px;
1577
+ height: 3px;
1578
+ margin-right: 3px;
1163
1579
  }
1164
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
1165
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
1166
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
1167
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
1168
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
1169
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
1170
- background-color: white;
1580
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
1581
+ margin-right: 0;
1171
1582
  }
1172
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
1173
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
1174
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
1175
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
1176
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
1177
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
1178
- background-color: #c4c6cc;
1583
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
1584
+ width: 2px;
1585
+ height: 3px;
1586
+ border-radius: 3px;
1587
+ transform-origin: center 8px;
1179
1588
  }
1180
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
1181
- height: 40px;
1589
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
1590
+ font-size: 14px;
1182
1591
  }
1183
1592
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
1184
1593
  height: 22px;
1594
+ width: 22px;
1185
1595
  }
1186
1596
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
1187
1597
  width: 6px;
@@ -1202,6 +1612,7 @@
1202
1612
  }
1203
1613
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
1204
1614
  height: 52px;
1615
+ width: 52px;
1205
1616
  }
1206
1617
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
1207
1618
  width: 20px;
@@ -1227,30 +1638,6 @@
1227
1638
  color: #63656e;
1228
1639
  text-align: center;
1229
1640
  }
1230
- .bk-loading-wrapper .bk-loading-indicator .dot {
1231
- display: inline-block;
1232
- width: 14px;
1233
- height: 14px;
1234
- margin-right: 10px;
1235
- border-radius: 50%;
1236
- transform: scale(0.6);
1237
- animation-duration: 0.8s;
1238
- animation-iteration-count: infinite;
1239
- animation-name: loading-scale-animate;
1240
- animation-direction: normal;
1241
- }
1242
- .bk-loading-wrapper .bk-loading-indicator .oval {
1243
- position: absolute;
1244
- width: 6px;
1245
- height: 8px;
1246
- background-color: #63656e;
1247
- border-radius: 8px;
1248
- animation-duration: 1.2s;
1249
- animation-iteration-count: infinite;
1250
- animation-name: fade;
1251
- transform-origin: center 20px;
1252
- animation-direction: normal;
1253
- }
1254
1641
  .bk-modal-wrapper {
1255
1642
  position: absolute;
1256
1643
  top: 50%;
@@ -1265,39 +1652,48 @@
1265
1652
  .bk-popover .bk-popover-reference {
1266
1653
  display: inline-block;
1267
1654
  }
1268
- .bk-popover .bk-popover-content {
1655
+ .bk-popover .fade-in-enter-active,
1656
+ .bk-popover .fade-in-linear-leave-active {
1657
+ transition: opacity 200ms linear;
1658
+ }
1659
+ .bk-popover .fade-in-enter,
1660
+ .bk-popover .fade-in-leave,
1661
+ .bk-popover .fade-in-leave-active {
1662
+ opacity: 0;
1663
+ }
1664
+ .bk-popover-content {
1269
1665
  display: none;
1270
- padding: 4px 8px;
1271
- font-size: 13px;
1272
- font-weight: bold;
1666
+ padding: 7px 14px;
1667
+ font-size: 12px;
1273
1668
  color: #fff;
1274
1669
  background: #26323d;
1275
1670
  border-radius: 4px;
1276
1671
  box-sizing: border-box;
1277
1672
  }
1278
- .bk-popover .bk-popover-content[data-theme='dark'] {
1673
+ .bk-popover-content[data-theme^='dark'] {
1279
1674
  color: #fff;
1280
1675
  background: #26323d;
1281
1676
  }
1282
- .bk-popover .bk-popover-content[data-theme='light'] {
1677
+ .bk-popover-content[data-theme^='light'] {
1283
1678
  color: #26323d;
1284
1679
  background-color: #fff;
1285
1680
  box-shadow: 0 0 6px 0 #dcdee5;
1286
1681
  }
1287
- .bk-popover .bk-popover-content[data-theme='light'][data-show] {
1682
+ .bk-popover-content[data-theme^='light'][data-show] {
1288
1683
  box-shadow: 0 0 6px 0 #dcdee5;
1289
1684
  }
1290
- .bk-popover .bk-popover-content[data-show] {
1685
+ .bk-popover-content[data-show] {
1291
1686
  display: block;
1292
1687
  }
1293
- .bk-popover .bk-popover-content .arrow {
1688
+ .bk-popover-content .arrow {
1294
1689
  position: absolute;
1690
+ z-index: -1;
1295
1691
  width: 8px;
1296
1692
  height: 8px;
1297
1693
  background: inherit;
1298
1694
  visibility: hidden;
1299
1695
  }
1300
- .bk-popover .bk-popover-content .arrow::before {
1696
+ .bk-popover-content .arrow::before {
1301
1697
  position: absolute;
1302
1698
  width: 8px;
1303
1699
  height: 8px;
@@ -1306,16 +1702,16 @@
1306
1702
  visibility: visible;
1307
1703
  transform: rotate(45deg);
1308
1704
  }
1309
- .bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
1705
+ .bk-popover-content[data-popper-placement^='top'] > .arrow {
1310
1706
  bottom: -4px;
1311
1707
  }
1312
- .bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
1708
+ .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
1313
1709
  top: -4px;
1314
1710
  }
1315
- .bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
1711
+ .bk-popover-content[data-popper-placement^='left'] > .arrow {
1316
1712
  right: -4px;
1317
1713
  }
1318
- .bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
1714
+ .bk-popover-content[data-popper-placement^='right'] > .arrow {
1319
1715
  left: -4px;
1320
1716
  }
1321
1717
  @keyframes loading-scale-animate {
@@ -1396,9 +1792,6 @@
1396
1792
  width: 7%;
1397
1793
  text-align: center;
1398
1794
  }
1399
- .bk-progress .process-circle-trail {
1400
- stroke: #f5f5f5;
1401
- }
1402
1795
  .bk-progress .progress-circle-text {
1403
1796
  position: absolute;
1404
1797
  top: 50%;
@@ -1547,6 +1940,12 @@
1547
1940
  border: 1px solid #63656e;
1548
1941
  transition: all 0.3s;
1549
1942
  }
1943
+ .bk-radio-group {
1944
+ display: inline-block;
1945
+ font-size: 0;
1946
+ line-height: 0;
1947
+ letter-spacing: normal;
1948
+ }
1550
1949
  .bk-rate {
1551
1950
  position: relative;
1552
1951
  }
@@ -1581,6 +1980,18 @@
1581
1980
  .bk-rate-stars .bk-rate-star:last-child {
1582
1981
  margin-right: 0;
1583
1982
  }
1983
+ .bk-select {
1984
+ display: inline-block;
1985
+ }
1986
+ .bk-select ul {
1987
+ padding: 0;
1988
+ margin: 0;
1989
+ font-weight: normal;
1990
+ list-style: none;
1991
+ }
1992
+ .bk-select .bk-popover-content {
1993
+ padding: 0;
1994
+ }
1584
1995
  .bk-select.is-focus .bk-select-trigger .bk-select-input {
1585
1996
  border-color: #3a84ff;
1586
1997
  box-shadow: 0px 0px 3px 0px #a3c5fd;
@@ -1599,6 +2010,7 @@
1599
2010
  cursor: pointer;
1600
2011
  }
1601
2012
  .bk-select .bk-select-trigger .bk-select-input {
2013
+ width: 100%;
1602
2014
  height: 32px;
1603
2015
  padding: 0 28px 0 10px;
1604
2016
  font-size: 12px;
@@ -1618,59 +2030,128 @@
1618
2030
  .bk-select .bk-select-trigger .bk-select-input::placeholder {
1619
2031
  color: #c4c6cc;
1620
2032
  }
1621
- .bk-select .bk-select-trigger .angle-up {
2033
+ .bk-select .bk-select-trigger .bk-select-prefix {
1622
2034
  position: absolute;
1623
2035
  top: 6px;
1624
- right: 4px;
2036
+ left: 4px;
2037
+ font-size: 14px;
2038
+ }
2039
+ .bk-select .bk-select-trigger .angle-up {
2040
+ transform: rotate(180deg);
2041
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1625
2042
  display: flex;
2043
+ align-items: center;
2044
+ justify-content: center;
1626
2045
  width: 20px;
1627
2046
  height: 20px;
1628
2047
  font-size: 20px;
1629
2048
  color: #979ba5;
1630
- transform: rotate(180deg);
1631
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1632
- align-items: center;
1633
- justify-content: center;
1634
- }
1635
- .bk-select .bk-select-trigger .clear-icon {
1636
2049
  position: absolute;
1637
2050
  top: 6px;
1638
2051
  right: 4px;
2052
+ }
2053
+ .bk-select .bk-select-trigger .clear-icon {
2054
+ transition: all 0.1s;
1639
2055
  display: flex;
2056
+ align-items: center;
2057
+ justify-content: center;
1640
2058
  width: 20px;
1641
2059
  height: 20px;
1642
2060
  font-size: 14px;
1643
2061
  color: #c4c6cc;
1644
- transition: all 0.1s;
2062
+ position: absolute;
2063
+ top: 6px;
2064
+ right: 4px;
2065
+ }
2066
+ .bk-select .bk-select-trigger .clear-icon:hover {
2067
+ color: #979ba5;
2068
+ }
2069
+ .bk-select .bk-select-trigger .spinner {
2070
+ position: absolute;
2071
+ top: 6px;
2072
+ right: 4px;
2073
+ display: flex;
1645
2074
  align-items: center;
1646
2075
  justify-content: center;
2076
+ width: 20px;
2077
+ height: 20px;
2078
+ font-size: 16px;
2079
+ color: #3A84FF;
1647
2080
  }
1648
- .bk-select .bk-select-trigger .clear-icon:hover {
2081
+ .bk-select .bk-select-empty {
2082
+ display: flex;
2083
+ align-items: center;
2084
+ justify-content: center;
2085
+ height: 56px;
2086
+ color: #63656e;
2087
+ }
2088
+ .bk-select .bk-select-empty .spinner {
2089
+ display: flex;
2090
+ width: 14px;
2091
+ height: 14px;
2092
+ margin-right: 4px;
2093
+ font-size: 14px;
2094
+ color: #c4c6cc;
2095
+ align-items: center;
2096
+ justify-content: center;
2097
+ }
2098
+ .bk-select .bk-select-dropdown {
2099
+ overflow: auto;
2100
+ }
2101
+ .bk-select .bk-select-dropdown .bk-select-search {
2102
+ position: relative;
2103
+ padding: 0 5px;
2104
+ }
2105
+ .bk-select .bk-select-dropdown .bk-select-search-icon {
2106
+ position: absolute;
2107
+ top: 50%;
2108
+ left: 8px;
2109
+ font-size: 16px;
1649
2110
  color: #979ba5;
2111
+ transform: translateY(-50%);
2112
+ }
2113
+ .bk-select .bk-select-dropdown .bk-select-search-input {
2114
+ width: 100%;
2115
+ height: 32px;
2116
+ padding: 0 10px 0 26px;
2117
+ font-size: 12px;
2118
+ cursor: text;
2119
+ border: none;
2120
+ border-bottom: 1px solid #dcdee5;
2121
+ outline: 0;
2122
+ }
2123
+ .bk-select .bk-select-extension {
2124
+ display: flex;
2125
+ height: 40px;
2126
+ background-color: #fafbfd;
2127
+ align-items: center;
2128
+ }
2129
+ .bk-select .bk-select-options {
2130
+ padding: 8px 0;
1650
2131
  }
1651
2132
  .bk-select .bk-select-option {
2133
+ position: relative;
1652
2134
  height: 32px;
1653
- padding: 0 16px;
1654
- margin: 0 -8px;
1655
- font-weight: normal;
2135
+ padding: 0 12px;
1656
2136
  line-height: 32px;
1657
2137
  color: #63656e;
1658
2138
  text-align: left;
1659
- list-style: none;
1660
2139
  cursor: pointer;
1661
2140
  user-select: none;
2141
+ overflow: hidden;
2142
+ text-overflow: ellipsis;
2143
+ white-space: nowrap;
1662
2144
  }
1663
2145
  .bk-select .bk-select-option:hover {
1664
2146
  color: #3a84ff;
1665
- background-color: #eaf3ff;
2147
+ background-color: #f5f7fa;
1666
2148
  }
1667
2149
  .bk-select .bk-select-option.is-selected {
1668
2150
  color: #3a84ff;
1669
- background-color: #f4f6fa;
1670
2151
  }
1671
2152
  .bk-select .bk-select-option.is-selected.is-multiple::after {
1672
2153
  position: absolute;
1673
- right: 20px;
2154
+ right: 12px;
1674
2155
  font-size: 12px;
1675
2156
  font-weight: 700;
1676
2157
  content: '\2713';
@@ -1680,6 +2161,40 @@
1680
2161
  cursor: not-allowed;
1681
2162
  background-color: transparent;
1682
2163
  }
2164
+ .bk-select .bk-option-group-label {
2165
+ height: 32px;
2166
+ padding: 0 8px;
2167
+ line-height: 32px;
2168
+ color: #979ba5;
2169
+ text-align: left;
2170
+ }
2171
+ .bk-select .bk-option-group-label.collapsible {
2172
+ cursor: pointer;
2173
+ }
2174
+ .bk-select .bk-option-group.collapsible .bk-select-option {
2175
+ padding-left: 40px;
2176
+ }
2177
+ .bk-select .bk-option-group .default-group-label {
2178
+ display: flex;
2179
+ user-select: none;
2180
+ align-items: center;
2181
+ }
2182
+ .bk-select .bk-option-group .default-group-label-icon {
2183
+ display: flex;
2184
+ width: 12px;
2185
+ height: 12px;
2186
+ margin-right: 8px;
2187
+ font-size: 12px;
2188
+ transition: all 0.1s;
2189
+ align-items: center;
2190
+ justify-content: center;
2191
+ }
2192
+ .bk-select .bk-option-group .default-group-label-icon.collapse {
2193
+ transform: rotate(-90deg);
2194
+ }
2195
+ .bk-select .bk-option-group .bk-select-option {
2196
+ padding-left: 24px;
2197
+ }
1683
2198
  .bk-modal-wrapper.bk-sideslider-wrapper {
1684
2199
  position: fixed;
1685
2200
  top: 0;
@@ -1773,181 +2288,181 @@
1773
2288
  .bk-switcher {
1774
2289
  position: relative;
1775
2290
  display: inline-block;
1776
- /* 默认尺寸 */
1777
- width: 36px;
1778
2291
  height: 20px;
2292
+ /* 默认尺寸 */
2293
+ min-width: 36px;
2294
+ padding: 0;
2295
+ margin: 0;
2296
+ font-size: 14px;
1779
2297
  line-height: 20px;
1780
2298
  text-align: left;
1781
2299
  vertical-align: middle;
2300
+ list-style: none;
2301
+ cursor: pointer;
1782
2302
  background-color: #c4c6cc;
2303
+ border: 1px solid transparent;
1783
2304
  border-radius: 50px;
2305
+ border-radius: 100px;
2306
+ box-sizing: border-box;
1784
2307
  transition: all 0.4s ease;
2308
+ transition: all 0.36s;
2309
+ user-select: none;
1785
2310
  /* 显示文本时固定尺寸 */
1786
2311
  }
1787
- .bk-switcher:focus {
1788
- box-shadow: 0px 0px 6px #c4c6cc;
1789
- }
1790
2312
  .bk-switcher:after {
1791
2313
  position: absolute;
1792
- top: 2px;
1793
- left: 2px;
1794
- display: block;
1795
- width: 24px;
1796
- height: 24px;
2314
+ top: 1px;
2315
+ left: 1px;
2316
+ width: 16px;
2317
+ height: 16px;
1797
2318
  cursor: pointer;
1798
2319
  background: #fff;
1799
- border-radius: 100px;
1800
- content: '';
1801
- box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
2320
+ background-color: #fff;
2321
+ border-radius: 18px;
2322
+ content: ' ';
1802
2323
  transition: all 0.3s ease;
1803
2324
  }
1804
- .bk-switcher:not(.show-label):after {
1805
- width: 16px;
1806
- height: 16px;
1807
- }
1808
- .bk-switcher:not(.show-label).is-checked:after {
1809
- margin-left: -18px;
1810
- }
1811
- .bk-switcher.is-loading {
1812
- cursor: defalt;
2325
+ .bk-switcher .switcher-text {
2326
+ display: block;
2327
+ margin-right: 6px;
2328
+ margin-left: 28px;
2329
+ font-size: 12px;
2330
+ font-weight: 400;
2331
+ color: #fff;
2332
+ text-align: center;
2333
+ transition: all 0.3s ease;
1813
2334
  }
1814
- .bk-switcher.is-loading input[type=checkbox] {
1815
- cursor: default;
2335
+ .bk-switcher .animating-node {
2336
+ position: absolute;
2337
+ top: 0;
2338
+ right: 0;
2339
+ bottom: 0;
2340
+ left: 0;
2341
+ display: block;
2342
+ pointer-events: none;
2343
+ border-radius: inherit;
2344
+ content: '';
2345
+ opacity: 0.2;
2346
+ box-shadow: 0 0 0 0 #1890ff;
2347
+ animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
2348
+ animation-fill-mode: forwards;
1816
2349
  }
1817
2350
  .bk-switcher .bk-switcher-loading {
1818
2351
  position: absolute;
1819
- top: 50%;
2352
+ top: 1px;
1820
2353
  left: 1px;
1821
- z-index: 10;
1822
- display: flex;
1823
- width: 18px;
1824
- height: 18px;
1825
- transform: translateY(-50%);
2354
+ z-index: 1;
2355
+ width: 16px;
2356
+ height: 16px;
2357
+ font-size: 12px;
2358
+ color: #c4c6cc;
2359
+ cursor: pointer;
2360
+ background: transparent;
2361
+ border-radius: 16px;
2362
+ content: ' ';
2363
+ transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
1826
2364
  }
1827
2365
  .bk-switcher .bk-switcher-loading svg {
1828
- color: #3a84ff;
1829
- }
1830
- .bk-switcher .switcher-label {
1831
- display: none;
1832
- width: 30px;
1833
- height: 28px;
1834
- margin: 0 0 0 26px;
1835
- font-size: 12px;
1836
- font-weight: normal;
1837
- color: #fff;
1838
- text-align: center;
1839
- vertical-align: top;
1840
- transition: all ease 0.3s;
2366
+ position: absolute;
2367
+ top: 0;
2368
+ right: 0;
2369
+ bottom: 0;
2370
+ left: 0;
2371
+ margin: auto;
2372
+ animation: loading 1s linear infinite;
1841
2373
  }
1842
- .bk-switcher .switcher-label .on-text {
1843
- display: none;
2374
+ .bk-switcher.is-loading {
2375
+ cursor: defalt;
1844
2376
  }
1845
- .bk-switcher .switcher-label .off-text {
1846
- display: inline-block;
2377
+ .bk-switcher.is-loading input[type=checkbox] {
2378
+ cursor: default;
1847
2379
  }
1848
2380
  .bk-switcher.show-label {
1849
- width: 60px;
1850
2381
  height: 28px;
2382
+ min-width: 60px;
1851
2383
  line-height: 28px;
1852
2384
  }
1853
- .bk-switcher.show-label .switcher-label {
1854
- display: inline-block;
2385
+ .bk-switcher.show-label::after {
2386
+ width: 24px;
2387
+ height: 24px;
1855
2388
  }
1856
2389
  .bk-switcher.show-label .bk-switcher-loading {
1857
- width: 26px;
1858
- height: 26px;
1859
- align-items: center;
1860
- justify-content: center;
2390
+ width: 24px;
2391
+ height: 24px;
2392
+ font-size: 20px;
1861
2393
  }
1862
- .bk-switcher.show-label .bk-switcher-loading svg {
1863
- font-size: 24px;
2394
+ .bk-switcher.show-label.is-checked .bk-switcher-loading {
2395
+ left: 100%;
2396
+ margin-left: -25px;
1864
2397
  }
1865
2398
  .bk-switcher.is-disabled {
1866
- cursor: default;
1867
- /* background-color: #eee !important; */
2399
+ cursor: not-allowed;
1868
2400
  opacity: 0.3;
1869
2401
  }
1870
- .bk-switcher.is-disabled input[type=checkbox] {
2402
+ .bk-switcher.is-disabled .bk-switcher-loading {
2403
+ cursor: not-allowed;
2404
+ }
2405
+ .bk-switcher.is-disabled::after {
1871
2406
  cursor: not-allowed;
1872
2407
  }
1873
2408
  .bk-switcher.is-checked {
1874
2409
  background: #2dcb56;
1875
2410
  }
1876
- .bk-switcher.is-checked:focus {
1877
- box-shadow: 0px 0px 6px #2dcb56;
2411
+ .bk-switcher.is-checked .bk-switcher-loading svg {
2412
+ color: #2dcb56;
1878
2413
  }
1879
- .bk-switcher.is-checked.primary {
2414
+ .bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary {
1880
2415
  background: #3a84ff;
1881
2416
  }
1882
- .bk-switcher.is-checked.primary:focus {
1883
- box-shadow: 0px 0px 6px #3a84ff;
2417
+ .bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary .bk-switcher-loading svg {
2418
+ color: #3a84ff;
1884
2419
  }
1885
2420
  .bk-switcher.is-checked:after {
1886
- top: 2px;
1887
2421
  left: 100%;
1888
- margin-left: -26px;
1889
- }
1890
- .bk-switcher.is-checked .switcher-label {
1891
- margin-left: 4px;
1892
- }
1893
- .bk-switcher.is-checked .switcher-label .on-text {
1894
- display: inline-block;
2422
+ margin-left: -1px;
2423
+ transform: translateX(-100%);
1895
2424
  }
1896
- .bk-switcher.is-checked .switcher-label .off-text {
1897
- display: none;
2425
+ .bk-switcher.is-checked .switcher-text {
2426
+ margin-right: 28px;
2427
+ margin-left: 6px;
1898
2428
  }
1899
- .bk-switcher.is-checked .bk-switcher-loading {
1900
- right: 1px;
1901
- left: auto;
2429
+ .bk-switcher:not(.show-label).is-checked .bk-switcher-loading {
2430
+ left: 100%;
2431
+ margin-left: -17px;
1902
2432
  }
1903
2433
  .bk-switcher.bk-switcher-outline {
1904
2434
  background: #fff;
1905
2435
  border: 1px solid #c4c6cc;
1906
2436
  }
1907
2437
  .bk-switcher.bk-switcher-outline:after {
1908
- width: 22px;
1909
- height: 22px;
2438
+ width: 24px;
2439
+ height: 24px;
1910
2440
  background-color: #c4c6cc;
1911
2441
  box-shadow: none;
1912
2442
  }
1913
- .bk-switcher.bk-switcher-outline .switcher-label {
1914
- height: 26px;
1915
- margin-left: 24px;
2443
+ .bk-switcher.bk-switcher-outline .switcher-text {
1916
2444
  color: #c4c6cc;
1917
2445
  }
1918
- .bk-switcher.bk-switcher-outline .bk-switcher-loading {
1919
- width: 22px;
1920
- height: 22px;
1921
- align-items: center;
1922
- justify-content: center;
1923
- }
1924
2446
  .bk-switcher.bk-switcher-outline.is-checked {
1925
2447
  border: 1px solid #2dcb56;
1926
2448
  }
1927
2449
  .bk-switcher.bk-switcher-outline.is-checked:after {
1928
- margin-left: -24px;
1929
2450
  background-color: #2dcb56;
1930
2451
  }
1931
- .bk-switcher.bk-switcher-outline.is-checked .switcher-label {
1932
- margin-left: 4px;
2452
+ .bk-switcher.bk-switcher-outline.is-checked .switcher-text {
1933
2453
  color: #2dcb56;
1934
2454
  }
1935
- .bk-switcher.bk-switcher-outline.is-disabled {
1936
- background-color: #fff;
1937
- border-color: #eee;
1938
- }
1939
- .bk-switcher.bk-switcher-outline.is-disabled .switcher-label {
1940
- color: #eee;
2455
+ .bk-switcher.bk-switcher-outline .bk-switcher-loading svg {
2456
+ color: #fff;
1941
2457
  }
1942
- .bk-switcher.bk-switcher-outline.is-disabled:after {
1943
- background-color: #eee;
2458
+ .bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked {
2459
+ border: 1px solid #3a84ff;
1944
2460
  }
1945
- .bk-switcher.bk-switcher-outline.bk-switcher-large:after {
1946
- width: 18px;
1947
- height: 18px;
2461
+ .bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked:after {
2462
+ background: #3a84ff;
1948
2463
  }
1949
- .bk-switcher.bk-switcher-outline.bk-switcher-large.is-checked:after {
1950
- margin-left: -20px;
2464
+ .bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked .switcher-text {
2465
+ color: #3a84ff;
1951
2466
  }
1952
2467
  .bk-switcher.bk-switcher-square {
1953
2468
  border-radius: 2px;
@@ -1955,55 +2470,2621 @@
1955
2470
  .bk-switcher.bk-switcher-square:after {
1956
2471
  border-radius: 2px;
1957
2472
  }
1958
- .bk-switcher.bk-switcher-square .switcher-label {
1959
- width: 35px;
1960
- }
1961
2473
  .bk-switcher.bk-switcher-large {
1962
- width: 42px;
1963
2474
  height: 24px;
2475
+ min-width: 42px;
1964
2476
  line-height: 22px;
1965
- border-radius: 12px;
1966
2477
  }
1967
2478
  .bk-switcher.bk-switcher-large:after {
1968
2479
  width: 20px;
1969
2480
  height: 20px;
1970
2481
  }
1971
- .bk-switcher.bk-switcher-large.is-checked:after {
1972
- top: 2px;
1973
- left: 100%;
1974
- margin-left: -22px;
1975
- }
1976
2482
  .bk-switcher.bk-switcher-large .bk-switcher-loading {
1977
- width: 22px;
1978
- height: 22px;
2483
+ width: 20px;
2484
+ height: 20px;
2485
+ font-size: 16px;
2486
+ }
2487
+ .bk-switcher.bk-switcher-large.is-checked .bk-switcher-loading {
2488
+ margin-left: -21px;
1979
2489
  }
1980
2490
  .bk-switcher.bk-switcher-small {
1981
- width: 26px;
1982
2491
  height: 16px;
2492
+ min-width: 26px;
1983
2493
  line-height: 22px;
1984
2494
  }
1985
2495
  .bk-switcher.bk-switcher-small:after {
1986
2496
  width: 12px;
1987
2497
  height: 12px;
1988
2498
  }
1989
- .bk-switcher.bk-switcher-small.is-checked:after {
1990
- top: 2px;
1991
- left: 100%;
1992
- margin-left: -14px;
1993
- }
1994
2499
  .bk-switcher.bk-switcher-small .bk-switcher-loading {
1995
- width: 14px;
1996
- height: 14px;
2500
+ width: 12px;
2501
+ height: 12px;
2502
+ font-weight: 700;
2503
+ transform: scale(0.66667);
1997
2504
  }
1998
- .bk-switcher input[type=checkbox],
1999
- .bk-switcher input[type=radio] {
2000
- position: absolute;
2001
- top: 0;
2002
- left: 0;
2003
- z-index: 1;
2004
- width: 100%;
2505
+ .bk-switcher.bk-switcher-small.is-checked .bk-switcher-loading {
2506
+ margin-left: -13px;
2507
+ }
2508
+ :not(.show-label).bk-switcher-nomal.bk-switcher-outline::after {
2509
+ width: 16px;
2510
+ height: 16px;
2511
+ }
2512
+ :not(.show-label).bk-switcher-outline.is-checked.bk-switcher-small::after {
2513
+ width: 12px;
2514
+ height: 12px;
2515
+ }
2516
+ :not(.show-label).bk-switcher-outline.is-checked.bk-switcher-large::after {
2517
+ width: 20px;
2518
+ height: 20px;
2519
+ }
2520
+ :not(.show-label).bk-switcher-outline.is-checked::after {
2521
+ width: 16px;
2522
+ height: 16px;
2523
+ }
2524
+ @keyframes fadeEffect {
2525
+ 100% {
2526
+ opacity: 0;
2527
+ }
2528
+ }
2529
+ @keyframes waveEffect {
2530
+ 100% {
2531
+ box-shadow: 0 0 0 #1890ff;
2532
+ }
2533
+ }
2534
+ @keyframes loading {
2535
+ 100% {
2536
+ transform: rotate(1turn);
2537
+ }
2538
+ }
2539
+ .bk-table {
2540
+ overflow: hidden;
2005
2541
  height: 100%;
2006
- margin: 0;
2007
- cursor: pointer;
2542
+ border-top: 1px solid #dcdee5;
2543
+ border-bottom: 1px solid #dcdee5;
2544
+ }
2545
+ .bk-table .bk-table-body {
2546
+ overflow: auto;
2547
+ }
2548
+ .bk-table .bk-table-head,
2549
+ .bk-table .bk-table-body {
2550
+ background: white;
2551
+ }
2552
+ .bk-table .bk-table-head table,
2553
+ .bk-table .bk-table-body table {
2554
+ width: 100%;
2555
+ border-collapse: collapse;
2556
+ }
2557
+ .bk-table .bk-table-head table th,
2558
+ .bk-table .bk-table-body table th,
2559
+ .bk-table .bk-table-head table td,
2560
+ .bk-table .bk-table-body table td {
2561
+ min-width: 80px;
2562
+ }
2563
+ .bk-table .bk-table-head table th .cell,
2564
+ .bk-table .bk-table-body table th .cell,
2565
+ .bk-table .bk-table-head table td .cell,
2566
+ .bk-table .bk-table-body table td .cell {
2567
+ height: var(--row-height);
2568
+ padding: 0 15px;
2569
+ overflow: hidden;
2570
+ line-height: var(--row-height);
2571
+ color: #575961;
2572
+ text-align: left;
2573
+ text-overflow: ellipsis;
2574
+ white-space: nowrap;
2575
+ }
2576
+ .bk-table .bk-table-head table thead th,
2577
+ .bk-table .bk-table-body table thead th {
2578
+ position: sticky;
2579
+ top: 0;
2580
+ z-index: 1;
2581
+ color: #313238;
2582
+ background-color: #fafbfd;
2583
+ }
2584
+ .bk-table .bk-table-head table thead th.active,
2585
+ .bk-table .bk-table-body table thead th.active,
2586
+ .bk-table .bk-table-head table thead th:hover,
2587
+ .bk-table .bk-table-body table thead th:hover {
2588
+ background: #f0f1f5;
2589
+ }
2590
+ .bk-table .bk-table-head table tbody tr:hover td,
2591
+ .bk-table .bk-table-body table tbody tr:hover td {
2592
+ background: #f5f7fa;
2593
+ }
2594
+ .bk-table .bk-table-footer {
2595
+ line-height: 40px;
2596
+ }
2597
+ .bk-table.bordered-row .cell {
2598
+ border-bottom: 1px solid #dcdee5;
2599
+ }
2600
+ .bk-table.bordered-outer {
2601
+ border-right: 1px solid #dcdee5;
2602
+ border-left: 1px solid #dcdee5;
2603
+ }
2604
+ .bk-table.bordered-col th .cell,
2605
+ .bk-table.bordered-col td .cell {
2606
+ border-right: 1px solid #dcdee5;
2607
+ }
2608
+ .bk-table.bordered-col th:last-child .cell,
2609
+ .bk-table.bordered-col td:last-child .cell {
2610
+ border-right: none;
2611
+ }
2612
+ .bk-table.bordered-none th .cell,
2613
+ .bk-table.bordered-none td .cell {
2614
+ border-top: none;
2615
+ border-right: none;
2616
+ border-bottom: none;
2617
+ border-left: none;
2618
+ }
2619
+ .bk-table .bk-table-fixed {
2620
+ width: 100%;
2621
+ }
2622
+ .bk-table colgroup col {
2623
+ background: white;
2624
+ }
2625
+ .bk-table colgroup col.active {
2626
+ position: relative;
2627
+ background: #f0f1f5;
2628
+ }
2629
+ .bk-tag {
2630
+ display: inline-block;
2631
+ height: 22px;
2632
+ padding: 0 10px;
2633
+ margin: 2px 0 2px 6px;
2634
+ font-size: 12px;
2635
+ line-height: 22px;
2636
+ color: #63656e;
2637
+ cursor: default;
2638
+ background-color: rgba(151, 155, 165, 0.1);
2639
+ border-color: rgba(217, 220, 230, 0.6);
2640
+ box-sizing: border-box;
2641
+ }
2642
+ .bk-tag.bk-tag-success {
2643
+ color: #14a568;
2644
+ border-color: rgba(20, 165, 104, 0.3);
2645
+ background-color: rgba(20, 165, 104, 0.1);
2646
+ }
2647
+ .bk-tag.bk-tag-success.bk-tag-filled {
2648
+ background-color: #14a568;
2649
+ }
2650
+ .bk-tag.bk-tag-info {
2651
+ color: #3a84ff;
2652
+ border-color: rgba(58, 132, 255, 0.3);
2653
+ background-color: rgba(58, 132, 255, 0.1);
2654
+ }
2655
+ .bk-tag.bk-tag-info.bk-tag-filled {
2656
+ background-color: #3a84ff;
2657
+ }
2658
+ .bk-tag.bk-tag-warning {
2659
+ color: #fe9c00;
2660
+ border-color: rgba(254, 165, 0, 0.3);
2661
+ background-color: rgba(254, 156, 0, 0.1);
2662
+ }
2663
+ .bk-tag.bk-tag-warning.bk-tag-filled {
2664
+ background-color: #fe9c00;
2665
+ }
2666
+ .bk-tag.bk-tag-danger {
2667
+ color: #ea3636;
2668
+ border-color: rgba(234, 53, 54, 0.3);
2669
+ background-color: rgba(234, 53, 54, 0.1);
2670
+ }
2671
+ .bk-tag.bk-tag-danger.bk-tag-filled {
2672
+ background-color: #ea3636;
2673
+ }
2674
+ .bk-tag:hover {
2675
+ opacity: 0.8;
2676
+ }
2677
+ .bk-tag.bk-tag-filled {
2678
+ color: #fff;
2679
+ background-color: #979ba5;
2680
+ }
2681
+ .bk-tag.bk-tag-stroke {
2682
+ padding: 0 9px;
2683
+ line-height: 20px;
2684
+ border-style: solid;
2685
+ border-width: 1px;
2686
+ }
2687
+ .bk-tag.bk-tag-closable {
2688
+ padding: 0 4px 0 10px;
2689
+ }
2690
+ .bk-tag.bk-tag-checkable {
2691
+ cursor: pointer;
2692
+ background: none;
2693
+ }
2694
+ .bk-tag.bk-tag-checkable:hover {
2695
+ background: rgba(151, 155, 165, 0.15);
2696
+ }
2697
+ .bk-tag.bk-tag-check {
2698
+ color: #fff;
2699
+ background: #3a84ff;
2700
+ }
2701
+ .bk-tag.bk-tag-check:hover {
2702
+ color: #fff;
2703
+ background: #3a84ff;
2704
+ opacity: 1;
2705
+ }
2706
+ .bk-tag .bk-tag-icon {
2707
+ display: inline-block;
2708
+ margin-right: 4px;
2709
+ font-size: 14px;
2710
+ line-height: 0;
2711
+ }
2712
+ .bk-tag .bk-tag-close {
2713
+ display: inline-block;
2714
+ margin-left: 4px;
2715
+ font-size: 12px;
2716
+ line-height: 0;
2717
+ vertical-align: 1px;
2718
+ cursor: pointer;
2719
+ }
2720
+ .bk-form {
2721
+ text-align: left;
2722
+ }
2723
+ .bk-form .bk-form-item {
2724
+ display: flex;
2725
+ margin-bottom: 24px;
2726
+ }
2727
+ .bk-form .bk-form-label {
2728
+ width: 150px;
2729
+ padding-right: 24px;
2730
+ font-size: 14px;
2731
+ font-weight: normal;
2732
+ line-height: 32px;
2733
+ color: #63656e;
2734
+ text-align: right;
2735
+ }
2736
+ .bk-form .bk-form-content {
2737
+ position: relative;
2738
+ line-height: 32px;
2739
+ }
2740
+ .bk-form .bk-form-error {
2741
+ position: absolute;
2742
+ left: 0;
2743
+ padding-top: 4px;
2744
+ font-size: 12px;
2745
+ line-height: 1;
2746
+ color: #ea3636;
2747
+ text-align: left;
2748
+ }
2749
+ .bk-form--vertical .bk-form-item {
2750
+ flex-direction: column;
2751
+ }
2752
+ .bk-form--vertical .bk-form-label {
2753
+ width: auto;
2754
+ text-align: left;
2755
+ }
2756
+ .bk-form--vertical .bk-form-content {
2757
+ text-align: left;
2758
+ }
2759
+ * {
2760
+ box-sizing: border-box;
2761
+ }
2762
+ @keyframes loadingCircle {
2763
+ 100% {
2764
+ transform: rotate(360deg);
2765
+ }
2766
+ }
2767
+ .bk-steps {
2768
+ display: flex;
2769
+ width: 100%;
2770
+ font-size: 0;
2771
+ }
2772
+ .bk-steps .icon-circle-4-1 {
2773
+ width: 12px;
2774
+ height: 12px;
2775
+ border: 2px solid #fff;
2776
+ border-right: 0;
2777
+ border-bottom: 0;
2778
+ border-left: 0;
2779
+ border-radius: 7px;
2780
+ }
2781
+ .bk-steps .bk-icon {
2782
+ font-size: 24px;
2783
+ line-height: 24px;
2784
+ }
2785
+ .bk-steps .bk-icon.icon-loading {
2786
+ display: inline-block;
2787
+ font-size: 14px;
2788
+ animation: loadingCircle 1s infinite linear;
2789
+ }
2790
+ .bk-steps .bk-step {
2791
+ position: relative;
2792
+ margin-right: 8px;
2793
+ overflow: hidden;
2794
+ text-align: left;
2795
+ white-space: nowrap;
2796
+ flex: 1;
2797
+ }
2798
+ .bk-steps .bk-step .bk-step-indicator {
2799
+ z-index: 1;
2800
+ display: inline-flex;
2801
+ width: 24px;
2802
+ height: 24px;
2803
+ padding: 0;
2804
+ margin-right: 8px;
2805
+ line-height: 24px;
2806
+ color: #979ba5;
2807
+ text-align: center;
2808
+ vertical-align: top;
2809
+ background-color: #fff;
2810
+ border: 1px solid #979ba5;
2811
+ border-radius: 50%;
2812
+ box-sizing: border-box;
2813
+ align-items: center;
2814
+ justify-content: center;
2815
+ }
2816
+ .bk-steps .bk-step .bk-step-number {
2817
+ font-family: arial;
2818
+ font-size: 14px;
2819
+ }
2820
+ .bk-steps .bk-step .bk-step-content {
2821
+ display: inline-block;
2822
+ vertical-align: top;
2823
+ }
2824
+ .bk-steps .bk-step .bk-step-title {
2825
+ position: relative;
2826
+ display: inline-block;
2827
+ padding-right: 8px;
2828
+ font-size: 14px;
2829
+ line-height: 24px;
2830
+ color: #63656e;
2831
+ word-break: break-all;
2832
+ }
2833
+ .bk-steps .bk-step .bk-step-title::after {
2834
+ position: absolute;
2835
+ top: 12px;
2836
+ left: 100%;
2837
+ width: 99999px;
2838
+ height: 1px;
2839
+ background-color: transparent;
2840
+ content: '';
2841
+ }
2842
+ .bk-steps .bk-step .bk-step-description {
2843
+ max-width: 140px;
2844
+ font-size: 12px;
2845
+ color: #979ba5;
2846
+ white-space: normal;
2847
+ }
2848
+ .bk-steps .bk-step.bk-step-no-content .bk-step-indicator {
2849
+ margin-right: 0;
2850
+ }
2851
+ .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2852
+ position: absolute;
2853
+ top: 12px;
2854
+ left: 100%;
2855
+ width: 99999px;
2856
+ height: 1px;
2857
+ background-color: transparent;
2858
+ content: '';
2859
+ }
2860
+ .bk-steps .bk-step.bk-step-no-content .bk-step-indicator::after {
2861
+ top: 10px;
2862
+ left: 32px;
2863
+ }
2864
+ .bk-steps .bk-step:last-child {
2865
+ margin-right: 0;
2866
+ flex: none;
2867
+ }
2868
+ .bk-steps .bk-step:last-child .bk-step-title {
2869
+ padding-right: 0;
2870
+ }
2871
+ .bk-steps .bk-step:last-child .bk-step-title::after {
2872
+ display: none;
2873
+ }
2874
+ .bk-steps .bk-step.done .bk-step-title,
2875
+ .bk-steps .bk-step.done .bk-step-description {
2876
+ color: #63656e;
2877
+ }
2878
+ .bk-steps .bk-step.done .bk-steps-icon {
2879
+ font-size: 22px;
2880
+ }
2881
+ .bk-steps .bk-step.current .bk-step-number,
2882
+ .bk-steps .bk-step.current .bk-step-icon,
2883
+ .bk-steps .bk-step.current .bk-step-text {
2884
+ border-width: 2px;
2885
+ }
2886
+ .bk-steps .bk-step.current .bk-step-title,
2887
+ .bk-steps .bk-step.current .bk-step-description {
2888
+ color: #63656e;
2889
+ }
2890
+ .bk-steps .bk-step.current.bk-step-error .bk-step-indicator {
2891
+ background-color: #ea3636;
2892
+ border-color: #ea3636;
2893
+ }
2894
+ .bk-steps .bk-step.current.bk-step-error .bk-step-title,
2895
+ .bk-steps .bk-step.current.bk-step-error .bk-step-description {
2896
+ color: #ea3636;
2897
+ }
2898
+ .bk-steps-primary .bk-step.done .bk-step-number,
2899
+ .bk-steps-primary .bk-step.done .bk-step-icon,
2900
+ .bk-steps-primary .bk-step.done .bk-step-text {
2901
+ color: #3a84ff;
2902
+ border-color: #3a84ff;
2903
+ }
2904
+ .bk-steps-primary .bk-step.done .bk-step-title::after,
2905
+ .bk-steps-primary .bk-step.done .bk-step-indicator::after {
2906
+ background-image: linear-gradient(to right, #3a84ff 50%, transparent 0%);
2907
+ }
2908
+ .bk-steps-primary .bk-step.done::after {
2909
+ background-image: linear-gradient(#3a84ff 50%, transparent 0%);
2910
+ }
2911
+ .bk-steps-primary .bk-step.current .bk-step-number,
2912
+ .bk-steps-primary .bk-step.current .bk-step-icon,
2913
+ .bk-steps-primary .bk-step.current .bk-step-text {
2914
+ color: #fff;
2915
+ background-color: #3a84ff;
2916
+ border-color: #3a84ff;
2917
+ }
2918
+ .bk-steps-warning .bk-step.done .bk-step-number,
2919
+ .bk-steps-warning .bk-step.done .bk-step-icon,
2920
+ .bk-steps-warning .bk-step.done .bk-step-text {
2921
+ color: #ff9c01;
2922
+ border-color: #ff9c01;
2923
+ }
2924
+ .bk-steps-warning .bk-step.done .bk-step-title::after,
2925
+ .bk-steps-warning .bk-step.done .bk-step-indicator::after {
2926
+ background-image: linear-gradient(to right, #ff9c01 50%, transparent 0%);
2927
+ }
2928
+ .bk-steps-warning .bk-step.done::after {
2929
+ background-image: linear-gradient(#ff9c01 50%, transparent 0%);
2930
+ }
2931
+ .bk-steps-warning .bk-step.current .bk-step-number,
2932
+ .bk-steps-warning .bk-step.current .bk-step-icon,
2933
+ .bk-steps-warning .bk-step.current .bk-step-text {
2934
+ color: #fff;
2935
+ background-color: #ff9c01;
2936
+ border-color: #ff9c01;
2937
+ }
2938
+ .bk-steps-success .bk-step.done .bk-step-number,
2939
+ .bk-steps-success .bk-step.done .bk-step-icon,
2940
+ .bk-steps-success .bk-step.done .bk-step-text {
2941
+ color: #2dcb56;
2942
+ border-color: #2dcb56;
2943
+ }
2944
+ .bk-steps-success .bk-step.done .bk-step-title::after,
2945
+ .bk-steps-success .bk-step.done .bk-step-indicator::after {
2946
+ background-image: linear-gradient(to right, #2dcb56 50%, transparent 0%);
2947
+ }
2948
+ .bk-steps-success .bk-step.done::after {
2949
+ background-image: linear-gradient(#2dcb56 50%, transparent 0%);
2950
+ }
2951
+ .bk-steps-success .bk-step.current .bk-step-number,
2952
+ .bk-steps-success .bk-step.current .bk-step-icon,
2953
+ .bk-steps-success .bk-step.current .bk-step-text {
2954
+ color: #fff;
2955
+ background-color: #2dcb56;
2956
+ border-color: #2dcb56;
2957
+ }
2958
+ .bk-steps-danger .bk-step.done .bk-step-number,
2959
+ .bk-steps-danger .bk-step.done .bk-step-icon,
2960
+ .bk-steps-danger .bk-step.done .bk-step-text {
2961
+ color: #ea3636;
2962
+ border-color: #ea3636;
2963
+ }
2964
+ .bk-steps-danger .bk-step.done .bk-step-title::after,
2965
+ .bk-steps-danger .bk-step.done .bk-step-indicator::after {
2966
+ background-image: linear-gradient(to right, #ea3636 50%, transparent 0%);
2967
+ }
2968
+ .bk-steps-danger .bk-step.done::after {
2969
+ background-image: linear-gradient(#ea3636 50%, transparent 0%);
2970
+ }
2971
+ .bk-steps-danger .bk-step.current .bk-step-number,
2972
+ .bk-steps-danger .bk-step.current .bk-step-icon,
2973
+ .bk-steps-danger .bk-step.current .bk-step-text {
2974
+ color: #fff;
2975
+ background-color: #ea3636;
2976
+ border-color: #ea3636;
2977
+ }
2978
+ .bk-steps-dashed .bk-step .bk-step-title::after,
2979
+ .bk-steps-dashed .bk-step .bk-step-indicator::after {
2980
+ background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
2981
+ background-position: bottom;
2982
+ background-repeat: repeat-x;
2983
+ background-size: 6px 1px;
2984
+ }
2985
+ .bk-steps-solid .bk-step .bk-step-title::after,
2986
+ .bk-steps-solid .bk-step .bk-step-indicator::after {
2987
+ background-color: #c4c6cc;
2988
+ }
2989
+ .bk-steps-vertical {
2990
+ flex-direction: column;
2991
+ height: 100%;
2992
+ }
2993
+ .bk-steps-vertical .bk-step {
2994
+ margin-right: 0;
2995
+ margin-bottom: 8px;
2996
+ }
2997
+ .bk-steps-vertical .bk-step .bk-step-title::after,
2998
+ .bk-steps-vertical .bk-step .bk-step-indicator::after {
2999
+ display: none;
3000
+ }
3001
+ .bk-steps-vertical .bk-step::after {
3002
+ position: absolute;
3003
+ top: 32px;
3004
+ left: 12px;
3005
+ width: 1px;
3006
+ height: 100%;
3007
+ background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
3008
+ background-position: right;
3009
+ background-repeat: repeat-y;
3010
+ background-size: 1px 6px;
3011
+ content: '';
3012
+ }
3013
+ .bk-steps-vertical .bk-step .bk-step-title {
3014
+ display: flex;
3015
+ height: 100%;
3016
+ margin-top: 0;
3017
+ text-align: left;
3018
+ align-items: center;
3019
+ }
3020
+ .bk-steps-small .bk-step .bk-step-indicator {
3021
+ width: 20px;
3022
+ height: 20px;
3023
+ line-height: 20px;
3024
+ }
3025
+ .bk-steps-small .bk-step .bk-step-title {
3026
+ font-size: 12px;
3027
+ line-height: 20px;
3028
+ }
3029
+ .bk-steps-small .bk-step .bk-step-number {
3030
+ font-size: 12px;
3031
+ }
3032
+ .bk-steps-small .bk-step .bk-icon {
3033
+ font-size: 20px;
3034
+ line-height: 24px;
3035
+ }
3036
+ .bk-steps-small .bk-step::after {
3037
+ top: 28px;
3038
+ left: 10px;
3039
+ }
3040
+ .bk-steps-small .bk-step .bk-step-title::after {
3041
+ top: 10px;
3042
+ }
3043
+ .bk-steps-small .bk-step.bk-step-no-content .bk-step-indicator::after {
3044
+ top: 8px;
3045
+ left: 28px;
3046
+ }
3047
+ .bk-message {
3048
+ position: fixed;
3049
+ top: 20px;
3050
+ left: 50%;
3051
+ display: flex;
3052
+ min-width: 300px;
3053
+ padding: 10px 15px;
3054
+ font-size: 14px;
3055
+ color: #63656e;
3056
+ background: #f0f8ff;
3057
+ border: 1px solid #e1ecff;
3058
+ border-radius: 2px;
3059
+ transform: translateX(-50%);
3060
+ box-shadow: 0px 2px 4px 0px rgba(16, 37, 74, 0.1);
3061
+ justify-content: space-between;
3062
+ }
3063
+ .bk-message .bk-message-close {
3064
+ padding-left: 20px;
3065
+ margin-right: 0;
3066
+ font-size: 18px;
3067
+ cursor: pointer;
3068
+ }
3069
+ .bk-message-icon {
3070
+ display: inline-block;
3071
+ margin-right: 10px;
3072
+ font-size: 18px;
3073
+ color: #3a84ff;
3074
+ }
3075
+ .bk-message-primary {
3076
+ background: #f0f8ff;
3077
+ border: 1px solid #e1ecff;
3078
+ }
3079
+ .bk-message-warning {
3080
+ background: #fff4e2;
3081
+ border: 1px solid #ffe8c3;
3082
+ }
3083
+ .bk-message-warning .bk-message-icon {
3084
+ color: #ff9c01;
3085
+ }
3086
+ .bk-message-success {
3087
+ background: #f2fff4;
3088
+ border: 1px solid #dcffe2;
3089
+ }
3090
+ .bk-message-success .bk-message-icon {
3091
+ color: #2dcb56;
3092
+ }
3093
+ .bk-message-danger {
3094
+ background: #ffeded;
3095
+ border: 1px solid #ffdddd;
3096
+ }
3097
+ .bk-message-danger .bk-message-icon {
3098
+ color: #ea3636;
3099
+ }
3100
+ .bk-notify {
3101
+ position: fixed;
3102
+ display: flex;
3103
+ width: 360px;
3104
+ padding: 24px;
3105
+ font-size: 14px;
3106
+ line-height: 20px;
3107
+ color: #63656e;
3108
+ background: #fff;
3109
+ border: 1px solid #f0f1f5;
3110
+ border-radius: 2px;
3111
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15);
3112
+ }
3113
+ .bk-notify .bk-notify-icon {
3114
+ position: absolute;
3115
+ top: 22px;
3116
+ margin-right: 5px;
3117
+ font-size: 18px;
3118
+ color: #3a84ff;
3119
+ }
3120
+ .bk-notify.bk-notify-warning .bk-notify-icon {
3121
+ color: #ff9c01;
3122
+ }
3123
+ .bk-notify.bk-notify-success .bk-notify-icon {
3124
+ color: #2dcb56;
3125
+ }
3126
+ .bk-notify.bk-notify-danger .bk-notify-icon {
3127
+ color: #ea3636;
3128
+ }
3129
+ .bk-notify .bk-notify-icon.bk-notify-close {
3130
+ top: 8px;
3131
+ right: 12px;
3132
+ margin-right: 0;
3133
+ font-size: 18px;
3134
+ color: #979ba5;
3135
+ cursor: pointer;
3136
+ }
3137
+ .bk-notify .bk-notify-content-header {
3138
+ display: inline-block;
3139
+ padding-left: 23px;
3140
+ margin-top: 0;
3141
+ margin-bottom: 4px;
3142
+ font-size: 14px;
3143
+ font-weight: 700;
3144
+ }
3145
+ .bk-notify .bk-notify-content-text {
3146
+ display: inline-block;
3147
+ padding-left: 23px;
3148
+ }
3149
+ .bk-tree .bk-node-row {
3150
+ padding-left: calc(var(--offset-left));
3151
+ }
3152
+ .bk-tree .bk-node-row.is-checked {
3153
+ background-color: #EBF2FF;
3154
+ }
3155
+ .bk-tree .bk-tree-node {
3156
+ position: relative;
3157
+ height: var(--lineHeight);
3158
+ padding-left: 0;
3159
+ line-height: var(--lineHeight);
3160
+ cursor: pointer;
3161
+ }
3162
+ .bk-tree .bk-tree-node:not(.is-root) {
3163
+ margin-left: calc(var(--depth)*var(--indent));
3164
+ }
3165
+ .bk-tree .bk-tree-node:not(.is-root).level-line::before {
3166
+ position: absolute;
3167
+ top: calc(50% + 1px);
3168
+ left: calc(0px - var(--indent) + 6px);
3169
+ z-index: 1;
3170
+ width: calc(var(--indent) - 6px);
3171
+ height: 0;
3172
+ pointer-events: none;
3173
+ border-bottom: var(--level-line);
3174
+ content: '';
3175
+ }
3176
+ .bk-tree .bk-tree-node .node-virtual-line {
3177
+ display: inline-block;
3178
+ position: absolute;
3179
+ left: calc(var(--depth) * var(--indent) * -1 + 6px);
3180
+ top: -12px;
3181
+ bottom: 50%;
3182
+ width: 0;
3183
+ border-left: var(--level-line);
3184
+ }
3185
+ .bk-tree .bk-tree-node .bk-tree-icon {
3186
+ margin: 0 6px 0 4px;
3187
+ }
3188
+ .bk-tree .bk-tree-node .node-content {
3189
+ display: inline-block;
3190
+ }
3191
+ .bk-slider {
3192
+ display: flex;
3193
+ flex-direction: row;
3194
+ align-items: center;
3195
+ }
3196
+ .bk-slider .bk-slider-runway {
3197
+ position: relative;
3198
+ width: 100%;
3199
+ height: 4px;
3200
+ vertical-align: middle;
3201
+ cursor: pointer;
3202
+ background: #dcdee5;
3203
+ border-radius: 2px;
3204
+ opacity: 1;
3205
+ }
3206
+ .bk-slider .bk-slider-runway .bk-slider-bar {
3207
+ position: absolute;
3208
+ height: 4px;
3209
+ background: #3a84ff;
3210
+ border-bottom-left-radius: 3px;
3211
+ border-top-left-radius: 3px;
3212
+ }
3213
+ .bk-slider .bk-slider-runway .bk-slider-bar.vertical {
3214
+ width: 4px;
3215
+ }
3216
+ .bk-slider .bk-slider-runway .bk-slider-bar.horizontal {
3217
+ height: 4px;
3218
+ }
3219
+ .bk-slider .bk-slider-runway .disable {
3220
+ background: #979ba5;
3221
+ }
3222
+ .bk-slider .bk-slider-runway .bk-slider-labels {
3223
+ position: relative;
3224
+ }
3225
+ .bk-slider .bk-slider-runway .bk-slider-labels.vertical {
3226
+ left: 18px;
3227
+ display: flex;
3228
+ width: 10px;
3229
+ height: 100%;
3230
+ flex-direction: column;
3231
+ justify-content: space-between;
3232
+ }
3233
+ .bk-slider .bk-slider-runway .bk-slider-labels.horizontal {
3234
+ top: 10px;
3235
+ display: flex;
3236
+ width: 100%;
3237
+ height: 10px;
3238
+ flex-direction: row;
3239
+ justify-content: space-between;
3240
+ }
3241
+ .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label {
3242
+ position: absolute;
3243
+ display: flex;
3244
+ width: 10px;
3245
+ height: 10px;
3246
+ text-align: center;
3247
+ white-space: nowrap;
3248
+ align-items: center;
3249
+ justify-content: center;
3250
+ }
3251
+ .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.vertical {
3252
+ left: 10px;
3253
+ transform: translateY(50%);
3254
+ }
3255
+ .bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.horizontal {
3256
+ top: 10px;
3257
+ transform: translateX(-50%);
3258
+ }
3259
+ .bk-slider .bk-slider-interval {
3260
+ position: absolute;
3261
+ width: 4px;
3262
+ height: 4px;
3263
+ background-color: #fff;
3264
+ border-radius: 100%;
3265
+ transform: translateX(-50%);
3266
+ }
3267
+ .bk-slider .bk-slider-interval.vertical {
3268
+ left: 2px;
3269
+ }
3270
+ .bk-slider-input {
3271
+ display: flex;
3272
+ margin: 0 0 0 28px;
3273
+ flex-direction: row;
3274
+ align-items: center;
3275
+ }
3276
+ .bk-slider-input .input-item {
3277
+ width: 92px;
3278
+ }
3279
+ .bk-slider-input .input-center {
3280
+ margin: 0 7px;
3281
+ }
3282
+ .bk-slider-button {
3283
+ position: absolute;
3284
+ z-index: 1001;
3285
+ display: flex;
3286
+ width: 24px;
3287
+ height: 24px;
3288
+ line-height: normal;
3289
+ text-align: center;
3290
+ background-color: transparent;
3291
+ user-select: none;
3292
+ justify-content: center;
3293
+ align-items: center;
3294
+ }
3295
+ .bk-slider-button:hover {
3296
+ cursor: grab;
3297
+ }
3298
+ .bk-slider-button.grabbing {
3299
+ cursor: grabbing;
3300
+ }
3301
+ .bk-slider-button.vertical {
3302
+ left: -10px;
3303
+ transform: translateY(50%);
3304
+ }
3305
+ .bk-slider-button.horizontal {
3306
+ top: -10px;
3307
+ transform: translateX(-50%);
3308
+ }
3309
+ .bk-slider-button .slider-button {
3310
+ width: 12px;
3311
+ height: 12px;
3312
+ background-color: #fff;
3313
+ border: 2px solid #3a84ff;
3314
+ border-radius: 50%;
3315
+ transition: 0.2s;
3316
+ user-select: none;
3317
+ }
3318
+ .bk-slider-button .slider-button-disable {
3319
+ border: 2px solid #979ba5;
3320
+ }
3321
+ .bk-slider-button .slider-button:hover {
3322
+ box-shadow: 0px 0px 0px 4px rgba(58, 132, 255, 0.3);
3323
+ }
3324
+ .bk-slider-button .slider-button:focus {
3325
+ box-shadow: 0px 0px 10px 0px rgba(58, 132, 255, 0.9);
3326
+ }
3327
+ .bk-slider-button .slider-button-label {
3328
+ position: absolute;
3329
+ display: flex;
3330
+ text-align: center;
3331
+ align-items: center;
3332
+ justify-content: center;
3333
+ }
3334
+ .bk-slider-button .slider-button-label.vertical {
3335
+ left: 28px;
3336
+ }
3337
+ .bk-slider-button .slider-button-label.horizontal {
3338
+ top: 20px;
3339
+ }
3340
+ @keyframes loading-scale-animate {
3341
+ 0% {
3342
+ transform: scale(1);
3343
+ }
3344
+ 100% {
3345
+ transform: scale(0.6);
3346
+ }
3347
+ }
3348
+ @keyframes fade {
3349
+ 100% {
3350
+ background-color: transparent;
3351
+ }
3352
+ }
3353
+ .bk-fade-transtion .bk-fade-enter-active,
3354
+ .bk-fade-transtion .bk-fade-leave-active {
3355
+ transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
3356
+ }
3357
+ .bk-fade-transtion .bk-fade-enter,
3358
+ .bk-fade-transtion .bk-fade-leave-to {
3359
+ opacity: 0;
3360
+ }
3361
+ .collapse {
3362
+ width: 60px;
3363
+ }
3364
+ .open {
3365
+ background: #151d2c;
3366
+ }
3367
+ .bk-menu {
3368
+ display: flex;
3369
+ width: 260px;
3370
+ background-color: #182132;
3371
+ flex-direction: column;
3372
+ transition: width 0.3s ease-out;
3373
+ }
3374
+ .bk-menu.is-collapse {
3375
+ width: 60px;
3376
+ }
3377
+ .bk-menu-submenu {
3378
+ display: flex;
3379
+ flex-direction: column;
3380
+ overflow: hidden;
3381
+ text-overflow: clip;
3382
+ white-space: nowrap;
3383
+ align-items: center;
3384
+ transition: width 0.3s ease-out;
3385
+ }
3386
+ .bk-menu-submenu.is-opened {
3387
+ background: #151d2c;
3388
+ }
3389
+ .bk-menu-submenu:hover {
3390
+ color: white;
3391
+ cursor: pointer;
3392
+ }
3393
+ .bk-menu-submenu .submenu-header {
3394
+ display: flex;
3395
+ width: 100%;
3396
+ height: 40px;
3397
+ align-items: center;
3398
+ }
3399
+ .bk-menu-submenu .submenu-header.is-collapse {
3400
+ color: white;
3401
+ background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
3402
+ }
3403
+ .bk-menu-submenu .submenu-header-icon {
3404
+ display: flex;
3405
+ height: 100%;
3406
+ font-size: 18px;
3407
+ flex: 0 0 60px;
3408
+ align-items: center;
3409
+ justify-content: center;
3410
+ }
3411
+ .bk-menu-submenu .submenu-header-icon .menu-icon {
3412
+ display: flex;
3413
+ width: 16px;
3414
+ height: 16px;
3415
+ font-size: 16px;
3416
+ align-items: center;
3417
+ justify-content: center;
3418
+ color: #b0bdd5;
3419
+ }
3420
+ .bk-menu-submenu .submenu-header-content {
3421
+ display: flex;
3422
+ height: 100%;
3423
+ align-items: center;
3424
+ flex: 1;
3425
+ color: #acb9d1;
3426
+ }
3427
+ .bk-menu-submenu .submenu-header-collapse {
3428
+ display: flex;
3429
+ width: 16px;
3430
+ height: 16px;
3431
+ font-size: 16px;
3432
+ align-items: center;
3433
+ justify-content: center;
3434
+ margin-right: 16px;
3435
+ color: #acb9d1;
3436
+ transform: rotate(-90deg);
3437
+ transition: transform 0.3s ease-out;
3438
+ }
3439
+ .bk-menu-submenu .submenu-header-collapse.is-collapse {
3440
+ transform: rotate(0deg);
3441
+ }
3442
+ .bk-menu-submenu .submenu-list {
3443
+ display: flex;
3444
+ width: 100%;
3445
+ padding: 0;
3446
+ margin: 0;
3447
+ flex-direction: column;
3448
+ flex: 1;
3449
+ /* stylelint-disable-next-line declaration-no-important */
3450
+ transition-property: all !important;
3451
+ }
3452
+ .bk-menu-item {
3453
+ display: flex;
3454
+ width: 100%;
3455
+ height: 40px;
3456
+ min-height: 40px;
3457
+ margin: 2px 0;
3458
+ overflow: hidden;
3459
+ font-size: 14px;
3460
+ color: #96a2b9;
3461
+ text-overflow: clip;
3462
+ white-space: nowrap;
3463
+ align-items: center;
3464
+ transition: width 0.3s ease-in-out;
3465
+ }
3466
+ .bk-menu-item:hover {
3467
+ color: white;
3468
+ cursor: pointer;
3469
+ }
3470
+ .bk-menu-item.is-active {
3471
+ color: white;
3472
+ background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
3473
+ }
3474
+ .bk-menu-item .item-icon {
3475
+ display: flex;
3476
+ height: 100%;
3477
+ font-size: 18px;
3478
+ flex: 0 0 60px;
3479
+ align-items: center;
3480
+ justify-content: center;
3481
+ }
3482
+ .bk-menu-item .item-icon .default-icon {
3483
+ display: inline-block;
3484
+ width: 3px;
3485
+ height: 3px;
3486
+ background: #63656e;
3487
+ background-color: white;
3488
+ border-radius: 50%;
3489
+ }
3490
+ .bk-menu-item .item-content {
3491
+ display: flex;
3492
+ height: 100%;
3493
+ align-items: center;
3494
+ flex: 1;
3495
+ }
3496
+ .bk-menu-group {
3497
+ display: flex;
3498
+ flex-direction: column;
3499
+ }
3500
+ .bk-menu-group .group-name {
3501
+ display: flex;
3502
+ height: 40px;
3503
+ margin: 0 18px;
3504
+ overflow: hidden;
3505
+ font-size: 12px;
3506
+ line-height: 16px;
3507
+ color: #63656e;
3508
+ text-overflow: clip;
3509
+ white-space: nowrap;
3510
+ flex-wrap: nowrap;
3511
+ align-items: center;
3512
+ }
3513
+ .bk-menu-group .group-wrap {
3514
+ display: flex;
3515
+ flex-direction: column;
3516
+ padding: 0;
3517
+ margin: 0;
3518
+ }
3519
+ .bk-menu .collapse-transition {
3520
+ transition: all 0.3s ease-in-out;
3521
+ }
3522
+ .bk-navigation {
3523
+ display: flex;
3524
+ flex-direction: column;
3525
+ width: 100%;
3526
+ height: 100%;
3527
+ }
3528
+ .bk-navigation-title {
3529
+ display: flex;
3530
+ height: 100%;
3531
+ padding: 0 16px;
3532
+ overflow: hidden;
3533
+ border-bottom: 1px solid rgba(255, 255, 255, 0.05);
3534
+ align-items: center;
3535
+ justify-content: flex-start;
3536
+ flex: 0 0 260px;
3537
+ }
3538
+ .bk-navigation-title .title-icon {
3539
+ display: flex;
3540
+ font-size: 28px;
3541
+ color: #768197;
3542
+ flex: 0 0 28px;
3543
+ align-items: center;
3544
+ justify-content: center;
3545
+ }
3546
+ .bk-navigation-title .title-desc {
3547
+ display: inline-block;
3548
+ margin-left: 16px;
3549
+ overflow: hidden;
3550
+ font-size: 16px;
3551
+ font-weight: bold;
3552
+ line-height: 24px;
3553
+ color: #96a2b9;
3554
+ white-space: nowrap;
3555
+ }
3556
+ .bk-navigation-header {
3557
+ flex: 0 0 52px;
3558
+ display: flex;
3559
+ align-items: center;
3560
+ padding-right: 24px;
3561
+ overflow: hidden;
3562
+ background: #182132;
3563
+ }
3564
+ .bk-navigation-header .header-right {
3565
+ display: flex;
3566
+ height: 100%;
3567
+ flex: 1;
3568
+ align-items: center;
3569
+ }
3570
+ .bk-navigation-wrapper {
3571
+ position: relative;
3572
+ display: flex;
3573
+ flex-direction: row;
3574
+ flex: 1;
3575
+ }
3576
+ .bk-navigation-wrapper .navigation-nav {
3577
+ position: relative;
3578
+ z-index: 101;
3579
+ display: flex;
3580
+ width: 60px;
3581
+ min-width: 0;
3582
+ min-height: 0;
3583
+ overflow: visible;
3584
+ transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3585
+ flex: 0 1 auto;
3586
+ flex-direction: column;
3587
+ }
3588
+ .bk-navigation-wrapper .navigation-nav:hover {
3589
+ cursor: pointer;
3590
+ }
3591
+ .bk-navigation-wrapper .navigation-nav .nav-slider {
3592
+ display: flex;
3593
+ width: 60px;
3594
+ height: 100%;
3595
+ background-color: #182132;
3596
+ transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3597
+ flex: 1;
3598
+ flex-direction: column;
3599
+ }
3600
+ .bk-navigation-wrapper .navigation-nav .nav-slider-list {
3601
+ max-height: calc(100vh - 100px);
3602
+ padding: 12px 0 4px 0;
3603
+ margin: 0;
3604
+ overflow: auto;
3605
+ flex: 1 1 auto;
3606
+ }
3607
+ .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar {
3608
+ display: none;
3609
+ width: 6px;
3610
+ height: 5px;
3611
+ }
3612
+ .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar:hover {
3613
+ transform: none;
3614
+ transition: opacity 340ms ease-out;
3615
+ }
3616
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer {
3617
+ display: flex;
3618
+ padding-left: 14px;
3619
+ flex: 0 0 56px;
3620
+ align-items: center;
3621
+ justify-content: flex-start;
3622
+ }
3623
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon {
3624
+ display: flex;
3625
+ width: 32px;
3626
+ height: 32px;
3627
+ font-size: 14px;
3628
+ color: #63656e;
3629
+ border-radius: 100%;
3630
+ align-items: center;
3631
+ justify-content: center;
3632
+ transform-origin: center center;
3633
+ }
3634
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon-svg {
3635
+ display: flex;
3636
+ width: 16px;
3637
+ height: 16px;
3638
+ font-size: 16px;
3639
+ transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
3640
+ align-items: center;
3641
+ justify-content: center;
3642
+ transform-origin: center center;
3643
+ }
3644
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left {
3645
+ color: #96a2b9;
3646
+ }
3647
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left:hover {
3648
+ color: #d3d9e4;
3649
+ cursor: pointer;
3650
+ background: linear-gradient(270deg, #253047 0%, #263247 100%);
3651
+ }
3652
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon:hover {
3653
+ color: #3a3c42;
3654
+ cursor: pointer;
3655
+ background: linear-gradient(270deg, #dee0ea 0%, #eaecf2 100%);
3656
+ }
3657
+ .bk-navigation-wrapper .navigation-container {
3658
+ position: relative;
3659
+ display: flex;
3660
+ max-width: calc(100vw - 60px);
3661
+ min-width: 0;
3662
+ min-height: 0;
3663
+ flex: 1 1 1px;
3664
+ flex-direction: column;
3665
+ }
3666
+ .bk-navigation-wrapper .navigation-container .container-header {
3667
+ z-index: 100;
3668
+ display: flex;
3669
+ width: 100%;
3670
+ height: 60px;
3671
+ padding: 0 24px;
3672
+ background: #fff;
3673
+ border-bottom: 1px solid #dcdee5;
3674
+ box-shadow: 0px 3px 4px 0px rgba(64, 112, 203, 0.06);
3675
+ flex-basis: 60px;
3676
+ flex-direction: row;
3677
+ align-items: center;
3678
+ justify-content: flex-end;
3679
+ }
3680
+ .bk-navigation-wrapper .navigation-container .container-header-title {
3681
+ height: 21px;
3682
+ font-size: 16px;
3683
+ line-height: 21px;
3684
+ color: #313238;
3685
+ }
3686
+ .bk-navigation-wrapper .navigation-container .container-header-sets {
3687
+ display: flex;
3688
+ flex: 1 1 auto;
3689
+ align-items: center;
3690
+ justify-content: flex-end;
3691
+ }
3692
+ .bk-navigation-wrapper .navigation-container .container-content {
3693
+ max-height: calc(100vh - 60px);
3694
+ padding: 20px 24px 0;
3695
+ overflow: auto;
3696
+ background: #f5f7fa;
3697
+ flex: 1;
3698
+ }
3699
+ .bk-navigation-wrapper .navigation-container .container-footer {
3700
+ display: flex;
3701
+ flex: 0 0 auto;
3702
+ flex-direction: row;
3703
+ align-items: center;
3704
+ justify-content: center;
3705
+ }
3706
+ .bk-date-picker {
3707
+ display: inline-block;
3708
+ width: 261px;
3709
+ line-height: normal;
3710
+ }
3711
+ .bk-date-picker.long {
3712
+ width: 342px;
3713
+ }
3714
+ .bk-date-picker.medium-width {
3715
+ width: 362px;
3716
+ }
3717
+ .bk-date-picker.large-width {
3718
+ width: 402px;
3719
+ }
3720
+ .bk-date-picker-rel {
3721
+ position: relative;
3722
+ }
3723
+ .bk-date-picker-rel .bk-date-picker-editor {
3724
+ display: block;
3725
+ width: 100%;
3726
+ height: 32px;
3727
+ padding: 0 10px 0 30px;
3728
+ font-size: 12px;
3729
+ line-height: 32px;
3730
+ color: #63656e;
3731
+ cursor: pointer;
3732
+ border: 1px solid #c4c6cc;
3733
+ border-radius: 2px;
3734
+ outline: none;
3735
+ }
3736
+ .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {
3737
+ border-color: transparent transparent #c4c6cc transparent;
3738
+ }
3739
+ .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {
3740
+ border-color: transparent transparent #3a84ff transparent;
3741
+ box-shadow: none;
3742
+ }
3743
+ .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],
3744
+ .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {
3745
+ border-color: transparent transparent #dcdee5 transparent;
3746
+ }
3747
+ .bk-date-picker-rel .bk-date-picker-editor:focus {
3748
+ border: 1px solid #3a84ff;
3749
+ }
3750
+ .bk-date-picker-rel .bk-date-picker-editor::placeholder {
3751
+ color: #c4c6cc;
3752
+ }
3753
+ .bk-date-picker-rel .bk-date-picker-editor[disabled] {
3754
+ color: #c4c6cc;
3755
+ cursor: not-allowed;
3756
+ background-color: #fafbfd;
3757
+ border-color: #c4c6cc;
3758
+ }
3759
+ .bk-date-picker-rel .bk-date-picker-editor.readonly {
3760
+ background-color: #fafbfd;
3761
+ border-color: #c4c6cc;
3762
+ }
3763
+ .bk-date-picker-rel .bk-date-picker-editor.medium-font {
3764
+ font-size: 14px;
3765
+ }
3766
+ .bk-date-picker-rel .bk-date-picker-editor.large-font {
3767
+ font-size: 16px;
3768
+ }
3769
+ .bk-date-picker-rel .clear-action {
3770
+ position: absolute;
3771
+ top: 50%;
3772
+ right: 10px;
3773
+ font-size: 14px;
3774
+ color: #c4c6cc;
3775
+ cursor: pointer;
3776
+ transform: translateY(-50%);
3777
+ }
3778
+ .bk-date-picker-rel .clear-action:hover {
3779
+ color: #979ba5;
3780
+ }
3781
+ .bk-date-picker-rel .icon-wrapper {
3782
+ position: absolute;
3783
+ top: 0;
3784
+ left: 0;
3785
+ display: inline-block;
3786
+ width: 32px;
3787
+ height: 32px;
3788
+ color: #c4c6cc;
3789
+ cursor: pointer;
3790
+ background-color: transparent;
3791
+ }
3792
+ .bk-date-picker-rel .icon-wrapper.disabled {
3793
+ cursor: not-allowed;
3794
+ }
3795
+ .bk-date-picker-rel .icon-wrapper i.icon-clock {
3796
+ position: absolute;
3797
+ top: 50%;
3798
+ left: 50%;
3799
+ transform: translate(-50%, -50%);
3800
+ }
3801
+ .bk-date-picker-rel .icon-wrapper .picker-icon {
3802
+ position: absolute;
3803
+ top: 50%;
3804
+ left: 50%;
3805
+ width: 18px;
3806
+ height: 18px;
3807
+ transform: translate(-50%, -50%);
3808
+ }
3809
+ .bk-date-picker-dropdown {
3810
+ position: absolute;
3811
+ z-index: 900;
3812
+ padding: 5px 0 0 0;
3813
+ overflow: auto;
3814
+ background-color: #fff;
3815
+ border: 1px solid #dcdee5;
3816
+ border-radius: 2px;
3817
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
3818
+ box-sizing: border-box;
3819
+ }
3820
+ .bk-date-picker .bk-select-dropdown {
3821
+ max-height: none;
3822
+ padding: 0;
3823
+ overflow: visible;
3824
+ }
3825
+ .bk-date-picker-footer-wrapper {
3826
+ clear: both;
3827
+ font-size: 14px;
3828
+ color: #979ba5;
3829
+ background-color: #fafbfd;
3830
+ border-top: 1px solid #dcdee5;
3831
+ }
3832
+ .bk-date-picker-top-wrapper {
3833
+ margin-top: -5px;
3834
+ clear: both;
3835
+ font-size: 14px;
3836
+ color: #979ba5;
3837
+ }
3838
+ .bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {
3839
+ padding-right: 140px;
3840
+ }
3841
+ .bk-picker-panel-sidebar {
3842
+ position: absolute;
3843
+ top: 0;
3844
+ right: 0;
3845
+ bottom: 0;
3846
+ width: 140px;
3847
+ padding: 12px 0;
3848
+ overflow: auto;
3849
+ font-size: 14px;
3850
+ color: #3a84ff;
3851
+ background-color: #fafbfd;
3852
+ border-left: 1px solid #dcdee5;
3853
+ }
3854
+ .bk-picker-panel-sidebar .bk-picker-panel-shortcut {
3855
+ /* &:nth-of-type(1) {
3856
+ padding-top: 18px;
3857
+ }
3858
+ &:last-child {
3859
+ padding-bottom: 18px;
3860
+ } */
3861
+ padding: 6px 21px;
3862
+ overflow: hidden;
3863
+ text-overflow: ellipsis;
3864
+ white-space: nowrap;
3865
+ cursor: pointer;
3866
+ }
3867
+ .bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {
3868
+ background-color: #e1ecff;
3869
+ }
3870
+ .bk-picker-panel-body {
3871
+ float: left;
3872
+ }
3873
+ .bk-picker-confirm {
3874
+ height: 42px;
3875
+ padding: 0 20px;
3876
+ clear: both;
3877
+ font-size: 14px;
3878
+ line-height: 41px;
3879
+ text-align: right;
3880
+ background-color: #fafbfd;
3881
+ border-top: 1px solid #dcdee5;
3882
+ }
3883
+ .bk-picker-confirm a {
3884
+ color: #979ba5;
3885
+ }
3886
+ .bk-picker-confirm a.confirm {
3887
+ margin-left: 10px;
3888
+ color: #3a84ff;
3889
+ }
3890
+ .bk-picker-confirm a[disabled] {
3891
+ color: #c4c6cc;
3892
+ cursor: not-allowed;
3893
+ }
3894
+ .bk-picker-confirm .bk-picker-confirm-time {
3895
+ float: left;
3896
+ }
3897
+ .bk-date-picker-header {
3898
+ height: 46px;
3899
+ font-size: 14px;
3900
+ font-weight: 700;
3901
+ line-height: 46px;
3902
+ color: #63656e;
3903
+ text-align: center;
3904
+ border-bottom: 1px solid #dcdee5;
3905
+ }
3906
+ .bk-date-picker-header .bk-date-picker-header-label {
3907
+ cursor: pointer;
3908
+ }
3909
+ .bk-date-picker-header .bk-date-picker-header-label:hover {
3910
+ color: #3a84ff;
3911
+ }
3912
+ .bk-date-picker-header .up-to-now {
3913
+ margin-left: 3px;
3914
+ font-weight: 400;
3915
+ cursor: pointer;
3916
+ }
3917
+ .bk-date-picker-header .up-to-now.disabled {
3918
+ color: #c4c6cc;
3919
+ cursor: not-allowed;
3920
+ }
3921
+ .bk-date-picker-cells {
3922
+ margin: 9px;
3923
+ font-size: 12px;
3924
+ color: #63656e;
3925
+ white-space: normal;
3926
+ }
3927
+ .bk-date-picker-cells span {
3928
+ display: inline-block;
3929
+ width: 34px;
3930
+ height: 32px;
3931
+ line-height: 32px;
3932
+ text-align: center;
3933
+ }
3934
+ .bk-date-picker-cells span em {
3935
+ display: inline-block;
3936
+ width: 34px;
3937
+ height: 32px;
3938
+ font-style: normal;
3939
+ line-height: 32px;
3940
+ cursor: pointer;
3941
+ }
3942
+ .bk-date-picker-cells .bk-date-picker-cells-header {
3943
+ text-align: center;
3944
+ }
3945
+ .bk-date-picker-cells .bk-date-picker-cells-header span {
3946
+ width: 28px;
3947
+ height: 26px;
3948
+ margin: 3px;
3949
+ line-height: 26px;
3950
+ color: #63656e;
3951
+ text-align: center;
3952
+ cursor: default;
3953
+ }
3954
+ .bk-date-picker-cells-cell:hover em {
3955
+ /* background-color: #e1ecff; */
3956
+ background-color: #f0f1f5;
3957
+ }
3958
+ .bk-date-picker-cells-focused em {
3959
+ color: #3a84ff;
3960
+ box-shadow: 0 0 0 1px #a3c5fd inset;
3961
+ }
3962
+ .bk-date-picker-cells-cell-prev-month em,
3963
+ .bk-date-picker-cells-cell-next-month em {
3964
+ color: #c4c6cc;
3965
+ }
3966
+ .bk-date-picker-cells-cell-prev-month:hover em,
3967
+ .bk-date-picker-cells-cell-next-month:hover em {
3968
+ background: transparent;
3969
+ }
3970
+ span.bk-date-picker-cells-cell-week-label,
3971
+ span.bk-date-picker-cells-cell-week-label:hover,
3972
+ span.bk-date-picker-cells-cell-disabled,
3973
+ span.bk-date-picker-cells-cell-disabled:hover {
3974
+ color: #c4c6cc;
3975
+ cursor: not-allowed;
3976
+ }
3977
+ span.bk-date-picker-cells-cell-week-label em,
3978
+ span.bk-date-picker-cells-cell-week-label:hover em,
3979
+ span.bk-date-picker-cells-cell-disabled em,
3980
+ span.bk-date-picker-cells-cell-disabled:hover em {
3981
+ color: inherit;
3982
+ cursor: not-allowed;
3983
+ background: inherit;
3984
+ }
3985
+ span.bk-date-picker-cells-cell-disabled,
3986
+ span.bk-date-picker-cells-cell-disabled:hover {
3987
+ background-color: #f0f1f5;
3988
+ }
3989
+ .bk-date-picker-cells-cell-today em {
3990
+ position: relative;
3991
+ color: #3a84ff;
3992
+ box-shadow: 0 0 0 1px #a3c5fd inset;
3993
+ }
3994
+ .bk-date-picker-cells-cell-range {
3995
+ position: relative;
3996
+ }
3997
+ .bk-date-picker-cells-cell-range:before {
3998
+ position: absolute;
3999
+ top: 0;
4000
+ right: 0;
4001
+ bottom: 0;
4002
+ left: 0;
4003
+ display: block;
4004
+ background: #e1ecff;
4005
+ border: 0;
4006
+ border-radius: 0;
4007
+ content: '';
4008
+ }
4009
+ .bk-date-picker-cells-cell-range em {
4010
+ position: relative;
4011
+ z-index: 1;
4012
+ }
4013
+ .bk-date-picker-cells-cell-selected em,
4014
+ .bk-date-picker-cells-cell-selected:hover em {
4015
+ color: #fff;
4016
+ background-color: #3a84ff;
4017
+ box-shadow: 0 0 0 1px #3a84ff inset;
4018
+ }
4019
+ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
4020
+ color: #f7f7f7;
4021
+ background: #c4c6cc;
4022
+ }
4023
+ .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {
4024
+ background: #fff;
4025
+ }
4026
+ .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,
4027
+ .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {
4028
+ box-shadow: 0 0 0 1px #3a84ff inset;
4029
+ }
4030
+ .bk-date-picker-cells-year,
4031
+ .bk-date-picker-cells-month {
4032
+ margin-top: 7px;
4033
+ }
4034
+ .bk-date-picker-cells-year span,
4035
+ .bk-date-picker-cells-month span {
4036
+ width: 36px;
4037
+ height: 32px;
4038
+ margin: 10px 12px;
4039
+ line-height: 32px;
4040
+ text-align: center;
4041
+ border-radius: 3px;
4042
+ }
4043
+ .bk-date-picker-cells-year span em,
4044
+ .bk-date-picker-cells-month span em {
4045
+ width: 36px;
4046
+ height: 32px;
4047
+ line-height: 32px;
4048
+ text-align: center;
4049
+ }
4050
+ .bk-picker-panel-icon-btn {
4051
+ display: inline-block;
4052
+ width: 20px;
4053
+ height: 46px;
4054
+ line-height: 44px;
4055
+ color: #979ba5;
4056
+ text-align: center;
4057
+ cursor: pointer;
4058
+ transition: color 0.2s ease-in-out;
4059
+ }
4060
+ .bk-picker-panel-icon-btn:hover {
4061
+ color: #2d8cf0;
4062
+ }
4063
+ .bk-picker-panel-icon-btn i {
4064
+ font-size: 20px;
4065
+ }
4066
+ .bk-date-picker-prev-btn {
4067
+ float: left;
4068
+ }
4069
+ .bk-date-picker-prev-btn-arrow-double {
4070
+ margin-left: 10px;
4071
+ }
4072
+ .bk-date-picker-prev-btn-arrow-double i:after {
4073
+ margin-left: -8px;
4074
+ }
4075
+ .bk-date-picker-next-btn {
4076
+ float: right;
4077
+ }
4078
+ .bk-date-picker-next-btn-arrow-double {
4079
+ margin-right: 10px;
4080
+ }
4081
+ .bk-date-picker-next-btn-arrow-double i:after {
4082
+ margin-left: -8px;
4083
+ }
4084
+ .bk-date-picker-with-range .bk-picker-panel-body {
4085
+ min-width: 532px;
4086
+ }
4087
+ .bk-date-picker-with-range .bk-picker-panel-content {
4088
+ float: left;
4089
+ }
4090
+ .bk-date-picker-with-range .bk-picker-cells-show-week-numbers {
4091
+ min-width: 492px;
4092
+ }
4093
+ .bk-date-picker-transfer {
4094
+ z-index: 1060;
4095
+ max-height: none;
4096
+ }
4097
+ .bk-fade-down-transition-enter-from,
4098
+ .bk-fade-down-transition-leave-to {
2008
4099
  opacity: 0;
4100
+ transform: translateY(-20px);
4101
+ }
4102
+ .bk-fade-down-transition-enter-to,
4103
+ .bk-fade-down-transition-leave-from {
4104
+ opacity: 1;
4105
+ transform: translateY(0);
4106
+ }
4107
+ .bk-fade-down-transition-enter-active {
4108
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4109
+ }
4110
+ .bk-fade-down-transition-leave-active {
4111
+ transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
4112
+ }
4113
+ .bk-divider {
4114
+ position: relative;
4115
+ background: #c4c6cc;
4116
+ }
4117
+ .bk-divider-horizontal {
4118
+ width: 100%;
4119
+ height: 1px;
4120
+ margin: 1em 0;
4121
+ }
4122
+ .bk-divider-info {
4123
+ position: absolute;
4124
+ top: 50%;
4125
+ padding: 0 1.4em;
4126
+ color: #63656e;
4127
+ background-color: white;
4128
+ transform: translateY(-50%);
4129
+ }
4130
+ .bk-divider-info-center {
4131
+ left: 50%;
4132
+ transform: translateX(-50%) translateY(-50%);
4133
+ }
4134
+ .bk-divider-info .bk-divider-horizontal-left {
4135
+ left: 2em;
4136
+ }
4137
+ .bk-divider-info .bk-divider-horizontal-right {
4138
+ right: 2em;
4139
+ }
4140
+ .bk-divider-vertical .bk-divider-info {
4141
+ padding: 20px 0;
4142
+ }
4143
+ .bk-divider-vertical {
4144
+ display: inline-block;
4145
+ width: 1px;
4146
+ height: 100%;
4147
+ min-height: 1em;
4148
+ margin: 0 8px;
4149
+ vertical-align: middle;
4150
+ }
4151
+ .bk-tab {
4152
+ position: relative;
4153
+ display: flex;
4154
+ width: 100%;
4155
+ }
4156
+ .bk-tab--top {
4157
+ flex-direction: column;
4158
+ }
4159
+ .bk-tab--right {
4160
+ flex-direction: row-reverse;
4161
+ }
4162
+ .bk-tab-header {
4163
+ display: flex;
4164
+ color: #63656e;
4165
+ }
4166
+ .bk-tab-header > div {
4167
+ display: flex;
4168
+ margin-bottom: -1px;
4169
+ flex-wrap: nowrap;
4170
+ }
4171
+ .bk-tab--card .bk-tab-header > div,
4172
+ .bk-tab--border-card .bk-tab-header > div {
4173
+ border-right: 1px solid #dcdee5;
4174
+ }
4175
+ .bk-tab--top .bk-tab-header-nav {
4176
+ overflow-x: auto;
4177
+ overflow-y: visible;
4178
+ }
4179
+ .bk-tab--left .bk-tab-header-nav,
4180
+ .bk-tab--right .bk-tab-header-nav {
4181
+ overflow-x: visible;
4182
+ overflow-y: auto;
4183
+ }
4184
+ .bk-tab--card .bk-tab-header-nav,
4185
+ .bk-tab--border-card .bk-tab-header-nav {
4186
+ border-left: 1px solid #dcdee5;
4187
+ }
4188
+ .bk-tab-header-nav::-webkit-scrollbar {
4189
+ display: none;
4190
+ width: 0;
4191
+ height: 0;
4192
+ }
4193
+ .bk-tab-header-operation .bk-tab-header-item {
4194
+ padding: 0 12px;
4195
+ }
4196
+ .bk-tab--left .bk-tab-header {
4197
+ border-right: 1px solid #dcdee5;
4198
+ }
4199
+ .bk-tab--right .bk-tab-header {
4200
+ border-left: 1px solid #dcdee5;
4201
+ }
4202
+ .bk-tab--left .bk-tab-header,
4203
+ .bk-tab--right .bk-tab-header {
4204
+ flex-direction: column;
4205
+ }
4206
+ .bk-tab--left .bk-tab-header > div,
4207
+ .bk-tab--right .bk-tab-header > div {
4208
+ flex-direction: column;
4209
+ }
4210
+ .bk-tab--card .bk-tab-header {
4211
+ border-bottom: 1px solid #dcdee5;
4212
+ }
4213
+ .bk-tab--border-card .bk-tab-header {
4214
+ background: #FAFBFD;
4215
+ border: solid #dcdee5;
4216
+ border-width: 1px 1px 1px 0;
4217
+ }
4218
+ .bk-tab--unborder-card .bk-tab-header {
4219
+ border-bottom: 1px solid #dcdee5;
4220
+ }
4221
+ .bk-tab-header-item {
4222
+ display: flex;
4223
+ white-space: nowrap;
4224
+ cursor: pointer;
4225
+ justify-content: center;
4226
+ align-items: center;
4227
+ }
4228
+ .bk-tab-header-item:hover {
4229
+ color: #3a84ff;
4230
+ }
4231
+ .bk-tab-header-item:hover .bk-tab-header-item-close {
4232
+ display: block;
4233
+ margin-left: 10px;
4234
+ color: #ea3636;
4235
+ }
4236
+ .bk-tab--top .bk-tab-header-item {
4237
+ padding: 0 20px;
4238
+ }
4239
+ .bk-tab--left .bk-tab-header-item,
4240
+ .bk-tab--right .bk-tab-header-item {
4241
+ padding: 0 12px;
4242
+ }
4243
+ .bk-tab--left .bk-tab-header-item {
4244
+ text-align: right;
4245
+ }
4246
+ .bk-tab--card .bk-tab-header-item {
4247
+ border-top: 1px solid #dcdee5;
4248
+ }
4249
+ .bk-tab--card .bk-tab-header-item,
4250
+ .bk-tab--border-card .bk-tab-header-item {
4251
+ border-right: 1px solid #dcdee5;
4252
+ border-bottom: 1px solid #dcdee5;
4253
+ }
4254
+ .bk-tab--card .bk-tab-header-item:last-of-type,
4255
+ .bk-tab--border-card .bk-tab-header-item:last-of-type {
4256
+ border-right: none;
4257
+ }
4258
+ .bk-tab-header-operation .bk-tab-header-item {
4259
+ padding-right: 12px;
4260
+ padding-left: 12px;
4261
+ }
4262
+ .bk-tab-header-item-close {
4263
+ display: none;
4264
+ color: #c4c6cc;
4265
+ }
4266
+ .bk-tab-header--active {
4267
+ color: #3a84ff;
4268
+ }
4269
+ .bk-tab--card .bk-tab-header--active,
4270
+ .bk-tab--border-card .bk-tab-header--active {
4271
+ border-bottom-color: white;
4272
+ }
4273
+ .bk-tab--unborder-card .bk-tab-header--active {
4274
+ border-bottom: 2px solid #3a84ff;
4275
+ }
4276
+ .bk-tab--left .bk-tab-header--active {
4277
+ border-right: 2px solid #3a84ff;
4278
+ }
4279
+ .bk-tab--right .bk-tab-header--active {
4280
+ border-left: 2px solid #3a84ff;
4281
+ }
4282
+ .bk-tab-header--disabled {
4283
+ color: #aaa;
4284
+ pointer-events: none;
4285
+ cursor: not-allowed;
4286
+ }
4287
+ .bk-tab-content {
4288
+ flex: 1;
4289
+ padding: 10px;
4290
+ }
4291
+ .bk-tab--border-card .bk-tab-content {
4292
+ border: solid #dcdee5;
4293
+ border-width: 0 1px 1px;
4294
+ }
4295
+ .bk-tab-panel {
4296
+ height: 100%;
4297
+ }
4298
+ * {
4299
+ box-sizing: border-box;
4300
+ }
4301
+ .bk-process {
4302
+ position: relative;
4303
+ display: flex;
4304
+ }
4305
+ @keyframes loadingCircle {
4306
+ 100% {
4307
+ transform: rotate(360deg);
4308
+ }
4309
+ }
4310
+ .bk-process .bk-process-toggle {
4311
+ position: relative;
4312
+ left: 15px;
4313
+ width: 24px;
4314
+ height: 24px;
4315
+ font-size: 12px;
4316
+ line-height: 24px;
4317
+ color: #63656e;
4318
+ text-align: center;
4319
+ text-decoration: none;
4320
+ border: 1px solid #c4c6cc;
4321
+ border-radius: 50%;
4322
+ }
4323
+ .bk-process .bk-process-toggle.active,
4324
+ .bk-process .bk-process-toggle:hover {
4325
+ color: #fff;
4326
+ background: #3a84ff;
4327
+ border-color: #3a84ff;
4328
+ }
4329
+ .bk-process .bk-process-icon-done {
4330
+ display: inline-block;
4331
+ font-size: 22px;
4332
+ line-height: 18px;
4333
+ }
4334
+ .bk-process .bk-icon.icon-loading {
4335
+ display: inline-block;
4336
+ font-size: 14px;
4337
+ animation: loadingCircle 1s infinite linear;
4338
+ }
4339
+ .bk-process > ul {
4340
+ -ms-display: flex;
4341
+ -moz-display: flex;
4342
+ -webkit-display: flex;
4343
+ display: table;
4344
+ display: flex;
4345
+ width: 100%;
4346
+ padding: 0;
4347
+ margin: auto;
4348
+ }
4349
+ .bk-process li {
4350
+ position: relative;
4351
+ display: table-cell;
4352
+ height: 24px;
4353
+ font-family: PingFang SC,Microsoft Yahei,Helvetica,Aria;
4354
+ font-size: 12px;
4355
+ line-height: 24px;
4356
+ color: #63656e;
4357
+ text-align: center;
4358
+ background-color: #f0f1f5;
4359
+ flex: 1;
4360
+ }
4361
+ .bk-process li i {
4362
+ display: none;
4363
+ }
4364
+ .bk-process li:first-of-type {
4365
+ border-radius: 13px 0 0 13px;
4366
+ }
4367
+ .bk-process li:last-of-type {
4368
+ border-radius: 0 13px 13px 0;
4369
+ }
4370
+ .bk-process li:last-of-type::before {
4371
+ display: none;
4372
+ }
4373
+ .bk-process li:last-of-type::after {
4374
+ display: none;
4375
+ }
4376
+ .bk-process li::before {
4377
+ position: absolute;
4378
+ top: 0;
4379
+ right: -25px;
4380
+ z-index: 1;
4381
+ width: 0;
4382
+ height: 0;
4383
+ border: 12px solid;
4384
+ border-color: transparent transparent transparent #fff;
4385
+ content: '';
4386
+ }
4387
+ .bk-process li::after {
4388
+ position: absolute;
4389
+ top: 0;
4390
+ right: -23px;
4391
+ z-index: 1;
4392
+ width: 0;
4393
+ height: 0;
4394
+ border: 12px solid;
4395
+ border-color: transparent transparent transparent #f0f1f5;
4396
+ content: '';
4397
+ }
4398
+ .bk-process li .bk-process-step {
4399
+ font-size: 12px;
4400
+ }
4401
+ .bk-process li .bk-process-step dd {
4402
+ margin: 0;
4403
+ line-height: 32px;
4404
+ }
4405
+ .bk-process li .bk-process-step i {
4406
+ display: none;
4407
+ }
4408
+ .bk-process li .bk-process-step .success i {
4409
+ display: inline-block;
4410
+ color: #2dcb56;
4411
+ }
4412
+ .bk-process li .bk-process-step .steps-loading {
4413
+ top: -2px;
4414
+ }
4415
+ .bk-process li.success {
4416
+ color: #fff;
4417
+ background: #2dcb56;
4418
+ }
4419
+ .bk-process li.success::after {
4420
+ border-color: transparent transparent transparent #2dcb56;
4421
+ }
4422
+ .bk-process li.success .icon-done {
4423
+ font-size: 22px;
4424
+ line-height: 18px;
4425
+ }
4426
+ .bk-process li.current {
4427
+ color: #fff;
4428
+ background: #3a84ff;
4429
+ }
4430
+ .bk-process li.current::after {
4431
+ border-color: transparent transparent transparent #3a84ff;
4432
+ }
4433
+ .bk-process li.current > .bk-spin-loading {
4434
+ vertical-align: -3px;
4435
+ }
4436
+ .bk-virtual-render {
4437
+ position: relative;
4438
+ }
4439
+ .bk-virtual-render .bk-virtual-content,
4440
+ .bk-virtual-render.bk-virtual-content {
4441
+ position: absolute;
4442
+ top: 0;
4443
+ bottom: 0;
4444
+ left: 0;
4445
+ width: 100%;
4446
+ height: 100%;
4447
+ }
4448
+ .bk-virtual-render .bk-virtual-section {
4449
+ width: 1px;
4450
+ background: transparent;
4451
+ }
4452
+ .bk-virtual-render.bk-scroll-x {
4453
+ overflow-x: auto;
4454
+ scrollbar-color: #a0a0a0 transparent;
4455
+ scrollbar-width: thin;
4456
+ }
4457
+ .bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
4458
+ height: 8px;
4459
+ background-color: transparent;
4460
+ }
4461
+ .bk-virtual-render.bk-scroll-x::-webkit-scrollbar-thumb {
4462
+ background-color: #a0a0a0;
4463
+ border-radius: 8px;
4464
+ }
4465
+ .bk-virtual-render.bk-scroll-y {
4466
+ overflow-y: auto;
4467
+ }
4468
+ .bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
4469
+ width: 6px;
4470
+ background-color: transparent;
4471
+ }
4472
+ .bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
4473
+ background-color: #dcdee5;
4474
+ border-radius: 6px;
4475
+ }
4476
+ /* 边框色 */
4477
+ /* 按钮、表单边框颜色、禁用时文本颜色 */
4478
+ /* 表格头部背景色、禁用底色 */
4479
+ /* 大面积背景色 */
4480
+ /* 重点表示、强调、链接以及带有明确指示性 */
4481
+ /* 正常尺寸图标 */
4482
+ .bk-transfer {
4483
+ position: relative;
4484
+ display: flex;
4485
+ font-size: 14px;
4486
+ flex-direction: row;
4487
+ justify-content: center;
4488
+ }
4489
+ .bk-transfer .transfer {
4490
+ position: absolute;
4491
+ top: 50%;
4492
+ left: 50%;
4493
+ width: 30px;
4494
+ height: 30px;
4495
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAV0lEQVQokZXQQQrAIAxE0W/JvU3O1nXXHqdd1EBbqYwDIgGfMCn70RBSgchhUwTgHQJgwLkAAcJE8IIGlEUodxqQc/eST6IYvpskF+H9rggdn9vzv0ffXGG8Ffrmgf5jAAAAAElFTkSuQmCC') no-repeat center center;
4496
+ transform: translate(-50%, -50%);
4497
+ }
4498
+ .bk-transfer .source-list,
4499
+ .bk-transfer .target-list {
4500
+ height: 400px;
4501
+ min-width: 200px;
4502
+ overflow: hidden;
4503
+ background-color: #fff;
4504
+ border: 1px solid #dde4eb;
4505
+ border-radius: 2px;
4506
+ flex: 1;
4507
+ }
4508
+ .bk-transfer .source-list .slot-header,
4509
+ .bk-transfer .target-list .slot-header {
4510
+ position: relative;
4511
+ height: 43px;
4512
+ padding: 0 20px;
4513
+ line-height: 43px;
4514
+ background-color: #fafbfd;
4515
+ border-bottom: 1px solid #dde4eb;
4516
+ }
4517
+ .bk-transfer .source-list .slot-header .slot-content,
4518
+ .bk-transfer .target-list .slot-header .slot-content {
4519
+ position: relative;
4520
+ }
4521
+ .bk-transfer .source-list .header,
4522
+ .bk-transfer .target-list .header {
4523
+ position: relative;
4524
+ height: 43px;
4525
+ padding: 0 20px;
4526
+ line-height: 43px;
4527
+ background-color: #fafbfd;
4528
+ border-bottom: 1px solid #dde4eb;
4529
+ }
4530
+ .bk-transfer .source-list .header span,
4531
+ .bk-transfer .target-list .header span {
4532
+ position: absolute;
4533
+ right: 10px;
4534
+ font-size: 12px;
4535
+ color: #3a84ff;
4536
+ cursor: pointer;
4537
+ }
4538
+ .bk-transfer .source-list .header span.disabled,
4539
+ .bk-transfer .target-list .header span.disabled {
4540
+ color: #c4c6cc;
4541
+ cursor: not-allowed;
4542
+ }
4543
+ .bk-transfer .source-list .empty,
4544
+ .bk-transfer .target-list .empty {
4545
+ position: relative;
4546
+ top: 40%;
4547
+ width: 100%;
4548
+ color: #c4c6cc;
4549
+ text-align: center;
4550
+ cursor: default;
4551
+ }
4552
+ .bk-transfer .source-list .content,
4553
+ .bk-transfer .target-list .content {
4554
+ position: relative;
4555
+ max-height: calc(100% - 50px);
4556
+ padding: 0;
4557
+ margin: 6px 0;
4558
+ overflow-y: auto;
4559
+ }
4560
+ .bk-transfer .source-list .content.is-search,
4561
+ .bk-transfer .target-list .content.is-search {
4562
+ max-height: calc(100% - 86px);
4563
+ }
4564
+ .bk-transfer .source-list .content li.custom-item,
4565
+ .bk-transfer .target-list .content li.custom-item,
4566
+ .bk-transfer .source-list .content li .item-content,
4567
+ .bk-transfer .target-list .content li .item-content {
4568
+ position: relative;
4569
+ display: flex;
4570
+ height: 40px;
4571
+ padding: 0 20px;
4572
+ line-height: 40px;
4573
+ list-style: none;
4574
+ cursor: pointer;
4575
+ align-items: center;
4576
+ }
4577
+ .bk-transfer .source-list .content li.custom-item:hover,
4578
+ .bk-transfer .target-list .content li.custom-item:hover,
4579
+ .bk-transfer .source-list .content li .item-content:hover,
4580
+ .bk-transfer .target-list .content li .item-content:hover {
4581
+ color: #3a84ff;
4582
+ background-color: #eef6fe;
4583
+ }
4584
+ .bk-transfer .source-list .content li.custom-item .content-text,
4585
+ .bk-transfer .target-list .content li.custom-item .content-text,
4586
+ .bk-transfer .source-list .content li .item-content .content-text,
4587
+ .bk-transfer .target-list .content li .item-content .content-text {
4588
+ overflow: hidden;
4589
+ text-overflow: ellipsis;
4590
+ white-space: nowrap;
4591
+ flex: 1;
4592
+ }
4593
+ .bk-transfer .source-list .content li.custom-item .icon-wrapper,
4594
+ .bk-transfer .target-list .content li.custom-item .icon-wrapper,
4595
+ .bk-transfer .source-list .content li .item-content .icon-wrapper,
4596
+ .bk-transfer .target-list .content li .item-content .icon-wrapper {
4597
+ display: none;
4598
+ flex: 22px 0 0;
4599
+ }
4600
+ .bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
4601
+ .bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
4602
+ .bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
4603
+ .bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
4604
+ display: inline-block;
4605
+ }
4606
+ .bk-transfer .source-list .content::-webkit-scrollbar,
4607
+ .bk-transfer .target-list .content::-webkit-scrollbar {
4608
+ width: 4px;
4609
+ }
4610
+ .bk-transfer .source-list .content::-webkit-scrollbar-thumb,
4611
+ .bk-transfer .target-list .content::-webkit-scrollbar-thumb {
4612
+ height: 5px;
4613
+ background-color: #e6e9ea;
4614
+ border-radius: 2px;
4615
+ }
4616
+ .bk-transfer .source-list .content .bk-icon,
4617
+ .bk-transfer .target-list .content .bk-icon {
4618
+ font-size: 22px;
4619
+ }
4620
+ .bk-transfer .target-list {
4621
+ margin-left: 33px;
4622
+ }
4623
+ .bk-transfer .transfer-search-input {
4624
+ height: 36px;
4625
+ line-height: 34px;
4626
+ border: none;
4627
+ border-bottom: 1px solid #f0f1f5;
4628
+ outline: none;
4629
+ }
4630
+ .bk-transfer .transfer-search-input.is-focused {
4631
+ border-color: #f0f1f5;
4632
+ box-shadow: 0px 0px 3px 0px transparent;
4633
+ }
4634
+ .bk-pagination {
4635
+ display: flex;
4636
+ align-items: center;
4637
+ font-size: 12px;
4638
+ letter-spacing: normal;
4639
+ color: #63656e;
4640
+ user-select: none;
4641
+ }
4642
+ .bk-pagination.is-disabled {
4643
+ cursor: not-allowed;
4644
+ }
4645
+ .bk-pagination.is-align-left {
4646
+ justify-content: flex-start;
4647
+ }
4648
+ .bk-pagination.is-align-center {
4649
+ justify-content: center;
4650
+ }
4651
+ .bk-pagination.is-align-right {
4652
+ justify-content: flex-end;
4653
+ }
4654
+ .bk-pagination > * {
4655
+ margin: 0 6px;
4656
+ }
4657
+ .bk-pagination > .is-first {
4658
+ margin-left: 0;
4659
+ }
4660
+ .bk-pagination > .is-last {
4661
+ margin-right: 0;
4662
+ }
4663
+ .bk-pagination-total {
4664
+ display: flex;
4665
+ user-select: none;
4666
+ }
4667
+ .bk-pagination-total-num {
4668
+ padding: 0 2px;
4669
+ color: #3f4046;
4670
+ }
4671
+ .bk-pagination-list {
4672
+ display: flex;
4673
+ }
4674
+ .bk-pagination-list-pre,
4675
+ .bk-pagination-list-next,
4676
+ .bk-pagination-list-item {
4677
+ display: flex;
4678
+ align-items: center;
4679
+ justify-content: center;
4680
+ height: 32px;
4681
+ min-width: 32px;
4682
+ padding: 0 4px;
4683
+ margin-right: 2px;
4684
+ margin-left: 2px;
4685
+ color: #63656e;
4686
+ cursor: pointer;
4687
+ background: #fff;
4688
+ border: 1px solid #c4c6cc;
4689
+ border-radius: 2px;
4690
+ user-select: none;
4691
+ }
4692
+ .bk-pagination-list-pre:hover,
4693
+ .bk-pagination-list-next:hover,
4694
+ .bk-pagination-list-item:hover,
4695
+ .bk-pagination-list-pre.is-active,
4696
+ .bk-pagination-list-next.is-active,
4697
+ .bk-pagination-list-item.is-active {
4698
+ color: #3a84ff;
4699
+ border-color: #3a84ff;
4700
+ }
4701
+ .bk-pagination-list-pre.is-disabled,
4702
+ .bk-pagination-list-next.is-disabled,
4703
+ .bk-pagination-list-item.is-disabled {
4704
+ color: #c4c6cc;
4705
+ cursor: not-allowed;
4706
+ background-color: #fafbfd;
4707
+ border-color: #dcdee5;
4708
+ }
4709
+ .bk-pagination-list-pre-batch,
4710
+ .bk-pagination-list-next-batch {
4711
+ display: flex;
4712
+ align-items: center;
4713
+ justify-content: center;
4714
+ height: 32px;
4715
+ cursor: pointer;
4716
+ user-select: none;
4717
+ }
4718
+ .bk-pagination-list-pre-batch:hover,
4719
+ .bk-pagination-list-next-batch:hover {
4720
+ color: #3a84ff;
4721
+ }
4722
+ .bk-pagination-list-pre,
4723
+ .bk-pagination-list-next {
4724
+ font-size: 14px;
4725
+ }
4726
+ .bk-pagination-list-item {
4727
+ margin-right: 4px;
4728
+ margin-left: 4px;
4729
+ }
4730
+ .bk-pagination-limit {
4731
+ display: flex;
4732
+ align-items: center;
4733
+ user-select: none;
4734
+ }
4735
+ .bk-pagination-limit-select {
4736
+ width: 60px;
4737
+ margin: 0 4px;
4738
+ }
4739
+ .bk-pagination-small-list {
4740
+ display: flex;
4741
+ }
4742
+ .bk-pagination-small-list .bk-pagination-picker {
4743
+ display: flex;
4744
+ height: 24px;
4745
+ cursor: pointer;
4746
+ background-color: #f0f1f5;
4747
+ border: 1px solid #f0f1f5;
4748
+ border-radius: 2px;
4749
+ align-items: center;
4750
+ }
4751
+ .bk-pagination-small-list .bk-pagination-picker:hover {
4752
+ background-color: #e1ecff;
4753
+ border-color: #e1ecff;
4754
+ }
4755
+ .bk-pagination-small-list .bk-pagination-picker.is-focused {
4756
+ background-color: #fff;
4757
+ border-color: #3a84ff;
4758
+ box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
4759
+ }
4760
+ .bk-pagination-editor {
4761
+ height: 16px;
4762
+ min-width: 14px;
4763
+ padding-right: 4px;
4764
+ padding-left: 8px;
4765
+ line-height: 16px;
4766
+ text-align: center;
4767
+ background-color: transparent;
4768
+ border: 0;
4769
+ border-radius: 2px;
4770
+ outline: none;
4771
+ transition: all 0.15s;
4772
+ }
4773
+ .bk-pagination-small-list-total {
4774
+ padding-right: 8px;
4775
+ padding-left: 4px;
4776
+ }
4777
+ .bk-pagination-btn-pre,
4778
+ .bk-pagination-btn-next {
4779
+ display: flex;
4780
+ justify-content: center;
4781
+ align-items: center;
4782
+ width: 24px;
4783
+ cursor: pointer;
4784
+ }
4785
+ .bk-pagination-btn-pre:hover,
4786
+ .bk-pagination-btn-next:hover {
4787
+ color: #3a84ff;
4788
+ }
4789
+ .bk-pagination-btn-pre.is-disabled,
4790
+ .bk-pagination-btn-next.is-disabled {
4791
+ color: #dcdee5;
4792
+ cursor: not-allowed;
4793
+ }
4794
+ .bk-pagination-picker-list {
4795
+ max-height: 216px;
4796
+ padding: 7px 0;
4797
+ margin: -7px -14px;
4798
+ overflow: auto;
4799
+ }
4800
+ .bk-pagination-picker-list .item {
4801
+ height: 32px;
4802
+ padding: 0 10px;
4803
+ font-size: 12px;
4804
+ line-height: 32px;
4805
+ color: #63656e;
4806
+ cursor: pointer;
4807
+ }
4808
+ .bk-pagination-picker-list .item:hover,
4809
+ .bk-pagination-picker-list .item.is-actived {
4810
+ color: #3a84ff;
4811
+ background: #f4f6fa;
4812
+ }
4813
+ * {
4814
+ box-sizing: border-box;
4815
+ }
4816
+ .bk-timeline {
4817
+ padding: 0;
4818
+ margin: 16px 0 0;
4819
+ font-style: normal;
4820
+ font-weight: 400;
4821
+ line-height: normal;
4822
+ text-align: left;
4823
+ list-style: none;
4824
+ }
4825
+ .bk-timeline .bk-timeline-dot {
4826
+ position: relative;
4827
+ padding-bottom: 24px;
4828
+ padding-left: 16px;
4829
+ /* spacing 1px */
4830
+ margin-top: 13px;
4831
+ font-size: 0;
4832
+ border-left: 1px solid #d8d8d8;
4833
+ }
4834
+ .bk-timeline .bk-timeline-dot::before {
4835
+ position: absolute;
4836
+ top: calc((11px + 1px) * -1);
4837
+ left: -6px;
4838
+ display: inline-block;
4839
+ width: 11px;
4840
+ height: 11px;
4841
+ background: #fff;
4842
+ border: 2px solid #d8d8d8;
4843
+ border-radius: 50%;
4844
+ content: '';
4845
+ box-sizing: border-box;
4846
+ }
4847
+ .bk-timeline .bk-timeline-dot:last-child {
4848
+ padding-bottom: 0;
4849
+ /* 保留border使用间距保持一致 */
4850
+ border-left: 1px solid transparent;
4851
+ }
4852
+ .bk-timeline .bk-timeline-dot .bk-timeline-title {
4853
+ display: inline-block;
4854
+ padding-bottom: 10px;
4855
+ margin-top: -3px;
4856
+ font-size: 14px;
4857
+ color: #63656e;
4858
+ cursor: pointer;
4859
+ }
4860
+ .bk-timeline .bk-timeline-dot .bk-timeline-content {
4861
+ max-width: 300px;
4862
+ font-size: 14px;
4863
+ color: #666;
4864
+ word-break: break-all;
4865
+ }
4866
+ .bk-timeline .bk-timeline-dot .bk-timeline-icon {
4867
+ position: absolute;
4868
+ top: calc((15px + 1px) * -1);
4869
+ left: -8px;
4870
+ display: inline-block;
4871
+ width: 15px;
4872
+ height: 15px;
4873
+ background: #fff;
4874
+ border: 2px solid #d8d8d8;
4875
+ border-radius: 50%;
4876
+ box-sizing: border-box;
4877
+ }
4878
+ .bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner {
4879
+ display: inline-block;
4880
+ transform: scale(1) translate(-0.5px, -4px);
4881
+ }
4882
+ .bk-timeline .bk-timeline-dot .bk-timeline-icon .bk-timeline-icon-inner > :first-child {
4883
+ font-size: 12px;
4884
+ }
4885
+ .bk-timeline .bk-timeline-dot .bk-timeline-section {
4886
+ position: relative;
4887
+ top: calc((11px + 2px) * -1);
4888
+ }
4889
+ .bk-timeline .bk-timeline-dot.bk-timeline-large {
4890
+ margin-top: calc(15px + 2px);
4891
+ }
4892
+ .bk-timeline .bk-timeline-dot.bk-timeline-large::before {
4893
+ top: calc((15px + 1px) * -1);
4894
+ left: -8px;
4895
+ width: 15px;
4896
+ height: 15px;
4897
+ }
4898
+ .bk-timeline .bk-timeline-dot.bk-timeline-large > .bk-timeline-section {
4899
+ top: calc((15px + 1px) * -1);
4900
+ }
4901
+ .bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon {
4902
+ margin-top: calc(15px + 2px);
4903
+ }
4904
+ .bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon::before {
4905
+ display: none;
4906
+ }
4907
+ .bk-timeline .bk-timeline-dot.bk-timeline-item-custom-icon > .bk-timeline-section {
4908
+ top: calc((15px + 1px) * -1);
4909
+ }
4910
+ .bk-timeline .bk-timeline-dot:first-child {
4911
+ margin-top: 0;
4912
+ }
4913
+ .bk-timeline .bk-timeline-primary {
4914
+ border-left: 1px solid #3a84ff;
4915
+ }
4916
+ .bk-timeline .bk-timeline-primary::before,
4917
+ .bk-timeline .bk-timeline-primary .bk-timeline-icon {
4918
+ color: #3a84ff;
4919
+ border: 2px solid #3a84ff;
4920
+ }
4921
+ .bk-timeline .bk-timeline-primary.bk-timeline-filled::before,
4922
+ .bk-timeline .bk-timeline-primary.bk-timeline-filled .bk-timeline-icon {
4923
+ background: #3a84ff;
4924
+ }
4925
+ .bk-timeline .bk-timeline-warning {
4926
+ border-left: 1px solid #ff9c01;
4927
+ }
4928
+ .bk-timeline .bk-timeline-warning::before,
4929
+ .bk-timeline .bk-timeline-warning .bk-timeline-icon {
4930
+ color: #ff9c01;
4931
+ border: 2px solid #ff9c01;
4932
+ }
4933
+ .bk-timeline .bk-timeline-warning.bk-timeline-filled::before,
4934
+ .bk-timeline .bk-timeline-warning.bk-timeline-filled .bk-timeline-icon {
4935
+ background: #ff9c01;
4936
+ }
4937
+ .bk-timeline .bk-timeline-success {
4938
+ border-left: 1px solid #2dcb56;
4939
+ }
4940
+ .bk-timeline .bk-timeline-success::before,
4941
+ .bk-timeline .bk-timeline-success .bk-timeline-icon {
4942
+ color: #2dcb56;
4943
+ border: 2px solid #2dcb56;
4944
+ }
4945
+ .bk-timeline .bk-timeline-success.bk-timeline-filled::before,
4946
+ .bk-timeline .bk-timeline-success.bk-timeline-filled .bk-timeline-icon {
4947
+ background: #2dcb56;
4948
+ }
4949
+ .bk-timeline .bk-timeline-danger {
4950
+ border-left: 1px solid #ea3636;
4951
+ }
4952
+ .bk-timeline .bk-timeline-danger::before,
4953
+ .bk-timeline .bk-timeline-danger .bk-timeline-icon {
4954
+ color: #ea3636;
4955
+ border: 2px solid #ea3636;
4956
+ }
4957
+ .bk-timeline .bk-timeline-danger.bk-timeline-filled::before,
4958
+ .bk-timeline .bk-timeline-danger.bk-timeline-filled .bk-timeline-icon {
4959
+ background: #ea3636;
4960
+ }
4961
+ .bk-timeline .bk-timeline-blue::before,
4962
+ .bk-timeline .bk-timeline-blue .bk-timeline-icon {
4963
+ color: #3a84ff;
4964
+ border: 2px solid #3a84ff;
4965
+ }
4966
+ .bk-timeline .bk-timeline-blue.bk-timeline-filled::before,
4967
+ .bk-timeline .bk-timeline-blue.bk-timeline-filled .bk-timeline-icon {
4968
+ background: #3a84ff;
4969
+ }
4970
+ .bk-timeline .bk-timeline-red::before,
4971
+ .bk-timeline .bk-timeline-red .bk-timeline-icon {
4972
+ color: #ea3636;
4973
+ border: 2px solid #ea3636;
4974
+ }
4975
+ .bk-timeline .bk-timeline-red.bk-timeline-filled::before,
4976
+ .bk-timeline .bk-timeline-red.bk-timeline-filled .bk-timeline-icon {
4977
+ background: #ea3636;
4978
+ }
4979
+ .bk-timeline .bk-timeline-green::before,
4980
+ .bk-timeline .bk-timeline-green .bk-timeline-icon {
4981
+ color: #2dcb56;
4982
+ border: 2px solid #2dcb56;
4983
+ }
4984
+ .bk-timeline .bk-timeline-green.bk-timeline-filled::before,
4985
+ .bk-timeline .bk-timeline-green.bk-timeline-filled .bk-timeline-icon {
4986
+ background: #2dcb56;
4987
+ }
4988
+ .bk-timeline .bk-timeline-yellow::before,
4989
+ .bk-timeline .bk-timeline-yellow .bk-timeline-icon {
4990
+ color: #ff9c01;
4991
+ border: 2px solid #ff9c01;
4992
+ }
4993
+ .bk-timeline .bk-timeline-yellow.bk-timeline-filled::before,
4994
+ .bk-timeline .bk-timeline-yellow.bk-timeline-filled .bk-timeline-icon {
4995
+ background: #ff9c01;
4996
+ }
4997
+ .bk-timeline .bk-timeline-gray::before,
4998
+ .bk-timeline .bk-timeline-gray .bk-timeline-icon {
4999
+ color: #63656e;
5000
+ border: 2px solid #63656e;
5001
+ }
5002
+ .bk-timeline .bk-timeline-gray.bk-timeline-filled::before,
5003
+ .bk-timeline .bk-timeline-gray.bk-timeline-filled .bk-timeline-icon {
5004
+ background: #63656e;
5005
+ }
5006
+ .bk-timeline-dashed .bk-step .bk-step-title::after,
5007
+ .bk-timeline-dashed .bk-step .bk-step-indicator::after {
5008
+ background-image: linear-gradient(to right, #c4c6cc 50%, transparent 0%);
5009
+ background-position: bottom;
5010
+ background-repeat: repeat-x;
5011
+ background-size: 6px 1px;
5012
+ }
5013
+ .bk-timeline-solid .bk-step .bk-step-title::after,
5014
+ .bk-timeline-solid .bk-step .bk-step-indicator::after {
5015
+ background-color: #c4c6cc;
5016
+ }
5017
+ .bk-timeline-vertical {
5018
+ height: 100%;
5019
+ flex-direction: column;
5020
+ }
5021
+ .bk-timeline-vertical .bk-step {
5022
+ margin-right: 0;
5023
+ margin-bottom: 8px;
5024
+ }
5025
+ .bk-timeline-vertical .bk-step .bk-step-title::after,
5026
+ .bk-timeline-vertical .bk-step .bk-step-indicator::after {
5027
+ display: none;
5028
+ }
5029
+ .bk-timeline-vertical .bk-step::after {
5030
+ position: absolute;
5031
+ top: 32px;
5032
+ left: 12px;
5033
+ width: 1px;
5034
+ height: 100%;
5035
+ background-image: linear-gradient(#c4c6cc 50%, transparent 0%);
5036
+ background-position: right;
5037
+ background-repeat: repeat-y;
5038
+ background-size: 1px 6px;
5039
+ content: '';
5040
+ }
5041
+ .bk-timeline-vertical .bk-step .bk-step-title {
5042
+ display: flex;
5043
+ height: 100%;
5044
+ margin-top: 0;
5045
+ text-align: left;
5046
+ align-items: center;
5047
+ }
5048
+ .bk-popper {
5049
+ display: none;
5050
+ padding: 7px 14px;
5051
+ font-size: 12px;
5052
+ color: #fff;
5053
+ background: #333;
5054
+ border-radius: 4px;
5055
+ }
5056
+ .bk-popper.light {
5057
+ color: #63656e;
5058
+ background: #fff;
5059
+ box-shadow: #dcdee5 0px 0px 6px 0px;
5060
+ }
5061
+ .bk-popper .bk-popper-arrow,
5062
+ .bk-popper .bk-popper-arrow::before {
5063
+ position: absolute;
5064
+ width: 8px;
5065
+ height: 8px;
5066
+ background: inherit;
5067
+ }
5068
+ .bk-popper .bk-popper-arrow {
5069
+ visibility: hidden;
5070
+ }
5071
+ .bk-popper .bk-popper-arrow::before {
5072
+ content: '';
5073
+ visibility: visible;
5074
+ transform: rotate(45deg);
5075
+ }
5076
+ .bk-popper[data-show] {
5077
+ display: block;
5078
+ }
5079
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
5080
+ bottom: -4px;
5081
+ }
5082
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
5083
+ top: -4px;
5084
+ }
5085
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
5086
+ right: -4px;
5087
+ }
5088
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
5089
+ left: -4px;
2009
5090
  }