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

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