bkui-vue 0.0.1-beta.23 → 0.0.1-beta.230

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 (608) hide show
  1. package/dist/index.cjs.js +173 -0
  2. package/dist/index.esm.js +38108 -0
  3. package/dist/index.umd.js +173 -0
  4. package/dist/style.css +1 -5099
  5. package/dist/style.variable.css +1 -0
  6. package/lib/affix/affix.css +3 -0
  7. package/lib/affix/affix.d.ts +47 -0
  8. package/lib/affix/affix.less +5 -0
  9. package/lib/affix/affix.variable.css +122 -0
  10. package/lib/affix/index.d.ts +143 -0
  11. package/lib/affix/index.js +1 -0
  12. package/lib/alert/alert.css +5 -3
  13. package/lib/alert/alert.less +7 -3
  14. package/lib/alert/alert.variable.css +34 -6
  15. package/lib/alert/index.js +1 -1
  16. package/lib/animate-number/index.js +1 -1
  17. package/lib/backtop/backtop.css +8 -0
  18. package/lib/backtop/backtop.d.ts +2 -2
  19. package/lib/backtop/backtop.less +8 -0
  20. package/lib/backtop/backtop.variable.css +37 -3
  21. package/lib/backtop/index.d.ts +7 -7
  22. package/lib/backtop/index.js +1 -10
  23. package/lib/badge/badge.css +5 -5
  24. package/lib/badge/badge.d.ts +28 -7
  25. package/lib/badge/badge.less +5 -6
  26. package/lib/badge/badge.variable.css +34 -8
  27. package/lib/badge/index.d.ts +68 -18
  28. package/lib/badge/index.js +1 -1
  29. package/lib/breadcrumb/breadcrumb.css +51 -0
  30. package/lib/breadcrumb/breadcrumb.variable.css +80 -3
  31. package/lib/breadcrumb/index.js +1 -1
  32. package/lib/button/button.css +87 -49
  33. package/lib/button/button.d.ts +28 -7
  34. package/lib/button/button.less +74 -41
  35. package/lib/button/button.variable.css +116 -52
  36. package/lib/button/index.d.ts +45 -12
  37. package/lib/button/index.js +1 -1
  38. package/lib/card/card.css +96 -1
  39. package/lib/card/card.d.ts +47 -6
  40. package/lib/card/card.less +50 -2
  41. package/lib/card/card.variable.css +125 -4
  42. package/lib/card/index.d.ts +113 -17
  43. package/lib/card/index.js +1 -1
  44. package/lib/cascader/cascader-panel.d.ts +100 -0
  45. package/lib/cascader/cascader.css +173 -0
  46. package/lib/cascader/cascader.d.ts +303 -0
  47. package/lib/cascader/cascader.less +196 -0
  48. package/lib/cascader/cascader.variable.css +292 -0
  49. package/lib/cascader/index.d.ts +868 -0
  50. package/lib/cascader/index.js +1 -0
  51. package/lib/cascader/interface.d.ts +51 -0
  52. package/lib/cascader/node.d.ts +31 -0
  53. package/lib/cascader/store.d.ts +23 -0
  54. package/lib/checkbox/checkbox-group.d.ts +16 -0
  55. package/lib/checkbox/checkbox.css +38 -6
  56. package/lib/checkbox/checkbox.d.ts +16 -14
  57. package/lib/checkbox/checkbox.less +48 -6
  58. package/lib/checkbox/checkbox.variable.css +67 -9
  59. package/lib/checkbox/common.d.ts +3 -3
  60. package/lib/checkbox/index.d.ts +40 -23
  61. package/lib/checkbox/index.js +1 -1
  62. package/lib/checkbox/type.d.ts +2 -6
  63. package/lib/code-diff/code-diff.css +72 -1
  64. package/lib/code-diff/code-diff.d.ts +10 -1
  65. package/lib/code-diff/code-diff.less +94 -1
  66. package/lib/code-diff/code-diff.variable.css +101 -4
  67. package/lib/code-diff/index.d.ts +151 -3
  68. package/lib/code-diff/index.js +1 -0
  69. package/lib/collapse/collapse-panel.d.ts +72 -0
  70. package/lib/collapse/collapse.css +28 -12
  71. package/lib/collapse/collapse.d.ts +11 -52
  72. package/lib/collapse/collapse.less +54 -29
  73. package/lib/collapse/collapse.variable.css +147 -12
  74. package/lib/collapse/index.d.ts +113 -16
  75. package/lib/collapse/index.js +1 -1
  76. package/lib/collapse/props.d.ts +121 -0
  77. package/lib/collapse/utils.d.ts +11 -0
  78. package/lib/color-picker/color-picker.css +275 -0
  79. package/lib/color-picker/color-picker.d.ts +144 -0
  80. package/lib/color-picker/color-picker.less +325 -0
  81. package/lib/color-picker/color-picker.variable.css +394 -0
  82. package/lib/color-picker/components/color-input.d.ts +42 -0
  83. package/lib/color-picker/components/hue-slider.d.ts +41 -0
  84. package/lib/color-picker/components/input-container.d.ts +42 -0
  85. package/lib/color-picker/components/recommend-colors.d.ts +51 -0
  86. package/lib/color-picker/components/saturation-panel.d.ts +41 -0
  87. package/lib/color-picker/index.d.ts +254 -0
  88. package/lib/color-picker/index.js +1 -0
  89. package/lib/color-picker/utils.d.ts +37 -0
  90. package/lib/components.d.ts +28 -7
  91. package/lib/components.js +1 -0
  92. package/lib/container/col.d.ts +51 -0
  93. package/lib/container/container.css +91 -0
  94. package/lib/container/container.d.ts +83 -0
  95. package/lib/container/container.less +20 -0
  96. package/lib/container/container.variable.css +210 -0
  97. package/lib/container/index.d.ts +223 -0
  98. package/lib/container/index.js +1 -0
  99. package/lib/container/row.d.ts +4 -0
  100. package/lib/date-picker/base/confirm.d.ts +74 -0
  101. package/lib/date-picker/base/date-table.d.ts +102 -0
  102. package/lib/date-picker/base/picker-dropdown.d.ts +73 -0
  103. package/lib/date-picker/base/time-spinner.d.ts +153 -0
  104. package/lib/date-picker/date-picker.css +18 -2
  105. package/lib/date-picker/date-picker.d.ts +40 -13
  106. package/lib/date-picker/date-picker.less +23 -2
  107. package/lib/date-picker/date-picker.variable.css +47 -5
  108. package/lib/date-picker/index.d.ts +100 -39
  109. package/lib/date-picker/index.js +1 -1
  110. package/lib/date-picker/interface.d.ts +9 -0
  111. package/lib/date-picker/panel/date-range.d.ts +452 -0
  112. package/lib/date-picker/panel/date.d.ts +550 -0
  113. package/lib/date-picker/panel/time.d.ts +450 -0
  114. package/lib/date-picker/props.d.ts +51 -1
  115. package/lib/date-picker/time-picker.d.ts +381 -0
  116. package/lib/date-picker/utils.d.ts +22 -1
  117. package/lib/dialog/dialog.css +144 -22
  118. package/lib/dialog/dialog.d.ts +275 -58
  119. package/lib/dialog/dialog.less +97 -23
  120. package/lib/dialog/dialog.variable.css +144 -22
  121. package/lib/dialog/index.d.ts +607 -130
  122. package/lib/dialog/index.js +1 -1
  123. package/lib/dialog/props.d.ts +138 -0
  124. package/lib/directives/ellipsis.d.ts +7 -0
  125. package/lib/directives/index.d.ts +1 -0
  126. package/lib/directives/index.js +2 -15
  127. package/lib/directives/index.js.LICENSE.txt +14 -0
  128. package/lib/directives/tooltips.d.ts +1 -1
  129. package/lib/dist.index.js +1 -0
  130. package/lib/divider/divider.d.ts +1 -1
  131. package/lib/divider/divider.variable.css +29 -3
  132. package/lib/divider/index.d.ts +4 -4
  133. package/lib/divider/index.js +1 -1
  134. package/lib/divider/props.d.ts +21 -0
  135. package/lib/dropdown/const.d.ts +4 -0
  136. package/lib/dropdown/dropdown.css +13 -7
  137. package/lib/dropdown/dropdown.d.ts +34 -3
  138. package/lib/dropdown/dropdown.less +47 -34
  139. package/lib/dropdown/dropdown.variable.css +42 -10
  140. package/lib/dropdown/index.d.ts +71 -10
  141. package/lib/dropdown/index.js +1 -1
  142. package/lib/exception/exception.css +40 -14
  143. package/lib/exception/exception.d.ts +10 -3
  144. package/lib/exception/exception.less +59 -22
  145. package/lib/exception/exception.variable.css +69 -17
  146. package/lib/exception/index.d.ts +23 -8
  147. package/lib/exception/index.js +1 -1
  148. package/lib/exception/typings/index.d.ts +4 -0
  149. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  150. package/lib/fixed-navbar/fixed-navbar.variable.css +29 -3
  151. package/lib/fixed-navbar/index.d.ts +40 -5
  152. package/lib/fixed-navbar/index.js +1 -1
  153. package/lib/form/compose-form-item.d.ts +16 -0
  154. package/lib/form/form-item.d.ts +16 -5
  155. package/lib/form/form.css +96 -12
  156. package/lib/form/form.d.ts +28 -11
  157. package/lib/form/form.less +144 -45
  158. package/lib/form/form.variable.css +215 -12
  159. package/lib/form/index.d.ts +88 -30
  160. package/lib/form/index.js +1 -1
  161. package/lib/form/type.d.ts +8 -6
  162. package/lib/form/validator.d.ts +1 -0
  163. package/lib/icon/angle-double-down-line.js +1 -15
  164. package/lib/icon/angle-double-left-line.js +1 -15
  165. package/lib/icon/angle-double-left.js +1 -15
  166. package/lib/icon/angle-double-right-line.js +1 -15
  167. package/lib/icon/angle-double-right.js +1 -15
  168. package/lib/icon/angle-double-up-line.js +1 -15
  169. package/lib/icon/angle-down-fill.js +1 -15
  170. package/lib/icon/angle-down-line.js +1 -15
  171. package/lib/icon/angle-down.js +1 -15
  172. package/lib/icon/angle-left.js +1 -15
  173. package/lib/icon/angle-right.js +1 -15
  174. package/lib/icon/angle-up-fill.js +1 -15
  175. package/lib/icon/angle-up.js +1 -15
  176. package/lib/icon/archive-fill.d.ts +4 -0
  177. package/lib/icon/archive-fill.js +1 -0
  178. package/lib/icon/arrows-left.js +1 -15
  179. package/lib/icon/arrows-right.js +1 -15
  180. package/lib/icon/audio-fill.d.ts +4 -0
  181. package/lib/icon/audio-fill.js +1 -0
  182. package/lib/icon/bk.js +1 -15
  183. package/lib/icon/circle.js +1 -15
  184. package/lib/icon/close-line.d.ts +4 -0
  185. package/lib/icon/close-line.js +1 -0
  186. package/lib/icon/close.js +1 -15
  187. package/lib/icon/code.js +1 -15
  188. package/lib/icon/cog-shape.js +1 -15
  189. package/lib/icon/collapse-left.js +1 -15
  190. package/lib/icon/copy.js +1 -15
  191. package/lib/icon/data-shape.d.ts +4 -0
  192. package/lib/icon/data-shape.js +1 -0
  193. package/lib/icon/del.d.ts +4 -0
  194. package/lib/icon/del.js +1 -0
  195. package/lib/icon/doc-fill.d.ts +4 -0
  196. package/lib/icon/doc-fill.js +1 -0
  197. package/lib/icon/done.js +1 -15
  198. package/lib/icon/down-shape.js +1 -15
  199. package/lib/icon/down-small.js +1 -15
  200. package/lib/icon/edit-line.d.ts +4 -0
  201. package/lib/icon/edit-line.js +1 -0
  202. package/lib/icon/ellipsis.js +1 -15
  203. package/lib/icon/enlarge-line.d.ts +4 -0
  204. package/lib/icon/enlarge-line.js +1 -0
  205. package/lib/icon/error.js +1 -15
  206. package/lib/icon/excel-fill.d.ts +4 -0
  207. package/lib/icon/excel-fill.js +1 -0
  208. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  209. package/lib/icon/exclamation-circle-shape.js +1 -0
  210. package/lib/icon/eye.js +1 -15
  211. package/lib/icon/filliscreen-line.d.ts +4 -0
  212. package/lib/icon/filliscreen-line.js +1 -0
  213. package/lib/icon/folder-open.js +1 -15
  214. package/lib/icon/folder-shape-open.js +1 -15
  215. package/lib/icon/folder-shape.js +1 -15
  216. package/lib/icon/folder.js +1 -15
  217. package/lib/icon/funnel.d.ts +4 -0
  218. package/lib/icon/funnel.js +1 -0
  219. package/lib/icon/help-document-fill.js +1 -15
  220. package/lib/icon/help-fill.js +1 -15
  221. package/lib/icon/help.js +1 -15
  222. package/lib/icon/image-fill.d.ts +4 -0
  223. package/lib/icon/img-error.d.ts +4 -0
  224. package/lib/icon/img-error.js +1 -0
  225. package/lib/icon/img-placehoulder.d.ts +4 -0
  226. package/lib/icon/img-placehoulder.js +1 -0
  227. package/lib/icon/index.d.ts +27 -1
  228. package/lib/icon/index.js +1 -15
  229. package/lib/icon/info-line.js +1 -15
  230. package/lib/icon/info.js +1 -15
  231. package/lib/icon/left-shape.js +1 -15
  232. package/lib/icon/left-turn-line.d.ts +4 -0
  233. package/lib/icon/left-turn-line.js +1 -0
  234. package/lib/icon/narrow-line.d.ts +4 -0
  235. package/lib/icon/narrow-line.js +1 -0
  236. package/lib/icon/original .d.ts +4 -0
  237. package/lib/icon/original .js +1 -0
  238. package/lib/icon/pdf-fill.d.ts +4 -0
  239. package/lib/icon/pdf-fill.js +1 -0
  240. package/lib/icon/play-shape.js +1 -15
  241. package/lib/icon/plus.js +1 -15
  242. package/lib/icon/ppt-fill.d.ts +4 -0
  243. package/lib/icon/ppt-fill.js +1 -0
  244. package/lib/icon/qq.js +1 -15
  245. package/lib/icon/right-shape.js +1 -15
  246. package/lib/icon/right-turn-line.d.ts +4 -0
  247. package/lib/icon/right-turn-line.js +1 -0
  248. package/lib/icon/search.js +1 -15
  249. package/lib/icon/share.js +1 -15
  250. package/lib/icon/spinner.js +1 -15
  251. package/lib/icon/success.js +1 -15
  252. package/lib/icon/switcher-loading.js +1 -15
  253. package/lib/icon/text-file.js +1 -15
  254. package/lib/icon/text-fill.d.ts +4 -0
  255. package/lib/icon/text-fill.js +1 -0
  256. package/lib/icon/transfer.d.ts +4 -0
  257. package/lib/icon/transfer.js +1 -0
  258. package/lib/icon/tree-application-shape.js +1 -15
  259. package/lib/icon/unfull-screen.d.ts +4 -0
  260. package/lib/icon/unfull-screen.js +1 -0
  261. package/lib/icon/unvisible.js +1 -15
  262. package/lib/icon/up-shape.js +1 -15
  263. package/lib/icon/upload.d.ts +4 -0
  264. package/lib/icon/upload.js +1 -0
  265. package/lib/icon/video-fill.d.ts +4 -0
  266. package/lib/icon/video-fill.js +1 -0
  267. package/lib/icon/warn.js +1 -15
  268. package/lib/icon/weixin.js +1 -15
  269. package/lib/image/image-viewer.css +142 -0
  270. package/lib/image/image-viewer.d.ts +73 -0
  271. package/lib/image/image-viewer.less +168 -0
  272. package/lib/image/image-viewer.variable.css +142 -0
  273. package/lib/image/image.css +37 -0
  274. package/lib/image/image.d.ts +93 -0
  275. package/lib/image/image.less +44 -0
  276. package/lib/image/image.variable.css +37 -0
  277. package/lib/image/index.d.ts +246 -0
  278. package/lib/image/index.js +1 -0
  279. package/lib/image/props.d.ts +71 -0
  280. package/lib/index.d.ts +1 -1
  281. package/lib/index.js +1 -0
  282. package/lib/info-box/index.d.ts +6 -0
  283. package/lib/info-box/index.js +1 -0
  284. package/lib/info-box/info-box.css +37 -0
  285. package/lib/info-box/info-box.d.ts +26 -0
  286. package/lib/info-box/info-box.less +50 -0
  287. package/lib/info-box/info-box.variable.css +37 -0
  288. package/lib/input/index.d.ts +171 -60
  289. package/lib/input/index.js +1 -15
  290. package/lib/input/input.css +216 -18
  291. package/lib/input/input.d.ts +116 -16
  292. package/lib/input/input.less +157 -17
  293. package/lib/input/input.variable.css +242 -17
  294. package/lib/link/index.d.ts +4 -4
  295. package/lib/link/index.js +1 -1
  296. package/lib/link/link.css +12 -12
  297. package/lib/link/link.d.ts +1 -1
  298. package/lib/link/link.less +16 -14
  299. package/lib/link/link.variable.css +41 -15
  300. package/lib/loading/index.d.ts +107 -13
  301. package/lib/loading/index.js +1 -1
  302. package/lib/loading/loading.css +83 -31
  303. package/lib/loading/loading.d.ts +74 -5
  304. package/lib/loading/loading.less +28 -30
  305. package/lib/loading/loading.variable.css +112 -34
  306. package/lib/menu/index.d.ts +16 -24
  307. package/lib/menu/index.js +1 -1
  308. package/lib/menu/menu.css +51 -0
  309. package/lib/menu/menu.d.ts +7 -16
  310. package/lib/menu/menu.variable.css +80 -3
  311. package/lib/menu/submenu.variable.css +29 -3
  312. package/lib/message/index.js +1 -1
  313. package/lib/message/message.css +24 -3
  314. package/lib/message/message.less +27 -2
  315. package/lib/message/message.variable.css +53 -6
  316. package/lib/message/messageConstructor.d.ts +43 -7
  317. package/lib/modal/index.d.ts +508 -78
  318. package/lib/modal/index.js +1 -1
  319. package/lib/modal/modal.css +63 -1
  320. package/lib/modal/modal.d.ts +194 -30
  321. package/lib/modal/modal.less +36 -1
  322. package/lib/modal/modal.variable.css +63 -1
  323. package/lib/modal/props.mixin.d.ts +82 -13
  324. package/lib/navigation/index.d.ts +310 -1
  325. package/lib/navigation/index.js +1 -1
  326. package/lib/navigation/navigation.css +1 -1
  327. package/lib/navigation/navigation.d.ts +10 -1
  328. package/lib/navigation/navigation.less +1 -1
  329. package/lib/navigation/navigation.variable.css +30 -4
  330. package/lib/notify/index.js +1 -1
  331. package/lib/notify/notify.css +24 -4
  332. package/lib/notify/notify.less +27 -4
  333. package/lib/notify/notify.variable.css +53 -7
  334. package/lib/notify/notifyConstructor.d.ts +51 -7
  335. package/lib/pagination/index.d.ts +38 -23
  336. package/lib/pagination/index.js +1 -1
  337. package/lib/pagination/pagination.css +54 -28
  338. package/lib/pagination/pagination.d.ts +17 -7
  339. package/lib/pagination/pagination.less +58 -31
  340. package/lib/pagination/pagination.variable.css +83 -31
  341. package/lib/pagination/type.d.ts +1 -1
  342. package/lib/plugin-popover/index.d.ts +27 -0
  343. package/lib/plugin-popover/index.js +1 -0
  344. package/lib/plugins/index.d.ts +1 -0
  345. package/lib/plugins/index.js +1 -0
  346. package/lib/popover/index.d.ts +146 -21
  347. package/lib/popover/index.js +1 -1
  348. package/lib/popover/popover.css +3 -0
  349. package/lib/popover/popover.d.ts +67 -8
  350. package/lib/popover/popover.less +2 -0
  351. package/lib/popover/popover.variable.css +32 -3
  352. package/lib/popover/props.d.ts +34 -2
  353. package/lib/popover2/arrow.d.ts +2 -0
  354. package/lib/popover2/const.d.ts +16 -0
  355. package/lib/popover2/content.d.ts +24 -0
  356. package/lib/popover2/index.d.ts +545 -0
  357. package/lib/popover2/index.js +1 -0
  358. package/lib/popover2/plugin-popover.d.ts +12 -0
  359. package/lib/popover2/popover2.css +25 -0
  360. package/lib/popover2/popover2.d.ts +228 -0
  361. package/lib/popover2/popover2.less +35 -0
  362. package/lib/popover2/popover2.variable.css +144 -0
  363. package/lib/popover2/props.d.ts +118 -0
  364. package/lib/popover2/reference.d.ts +2 -0
  365. package/lib/popover2/root.d.ts +16 -0
  366. package/lib/popover2/use-floating.d.ts +31 -0
  367. package/lib/popover2/use-platform.d.ts +30 -0
  368. package/lib/popover2/use-popover-init.d.ts +22 -0
  369. package/lib/popover2/use-popper-id.d.ts +6 -0
  370. package/lib/popover2/utils.d.ts +2 -0
  371. package/lib/preset.js +1 -0
  372. package/lib/process/index.d.ts +9 -9
  373. package/lib/process/index.js +1 -15
  374. package/lib/process/process.css +13 -0
  375. package/lib/process/process.d.ts +2 -2
  376. package/lib/process/process.less +17 -0
  377. package/lib/process/process.variable.css +42 -3
  378. package/lib/progress/index.d.ts +10 -10
  379. package/lib/progress/index.js +1 -1
  380. package/lib/progress/progress.css +51 -0
  381. package/lib/progress/progress.d.ts +3 -3
  382. package/lib/progress/progress.variable.css +80 -3
  383. package/lib/radio/common.d.ts +5 -5
  384. package/lib/radio/index.d.ts +29 -18
  385. package/lib/radio/index.js +1 -1
  386. package/lib/radio/radio-button.d.ts +7 -8
  387. package/lib/radio/radio-group.d.ts +16 -0
  388. package/lib/radio/radio.css +61 -56
  389. package/lib/radio/radio.d.ts +4 -4
  390. package/lib/radio/radio.less +181 -172
  391. package/lib/radio/radio.variable.css +93 -62
  392. package/lib/radio/type.d.ts +9 -4
  393. package/lib/rate/index.d.ts +24 -1
  394. package/lib/rate/index.js +1 -1
  395. package/lib/rate/rate.d.ts +11 -0
  396. package/lib/rate/star.d.ts +1 -1
  397. package/lib/resize-layout/index.d.ts +336 -0
  398. package/lib/resize-layout/index.js +1 -0
  399. package/lib/resize-layout/resize-layout.css +177 -0
  400. package/lib/resize-layout/resize-layout.d.ts +127 -0
  401. package/lib/resize-layout/resize-layout.less +217 -0
  402. package/lib/resize-layout/resize-layout.variable.css +296 -0
  403. package/lib/search-select/index.d.ts +681 -0
  404. package/lib/search-select/index.js +1 -0
  405. package/lib/search-select/input.d.ts +85 -0
  406. package/lib/search-select/menu.d.ts +83 -0
  407. package/lib/search-select/search-select.css +423 -0
  408. package/lib/search-select/search-select.d.ts +273 -0
  409. package/lib/search-select/search-select.less +375 -0
  410. package/lib/search-select/search-select.variable.css +542 -0
  411. package/lib/search-select/selected.d.ts +137 -0
  412. package/lib/search-select/utils.d.ts +79 -0
  413. package/lib/select/common.d.ts +20 -31
  414. package/lib/select/index.d.ts +1422 -451
  415. package/lib/select/index.js +1 -15
  416. package/lib/select/option.d.ts +16 -4
  417. package/lib/select/optionGroup.d.ts +1 -77
  418. package/lib/select/select.css +265 -80
  419. package/lib/select/select.d.ts +553 -126
  420. package/lib/select/select.less +366 -185
  421. package/lib/select/select.variable.css +295 -84
  422. package/lib/select/selectTagInput.d.ts +93 -0
  423. package/lib/select/type.d.ts +39 -0
  424. package/lib/shared/dom.d.ts +3 -0
  425. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +0 -0
  426. package/lib/shared/hooks/use-form-item.d.ts +2 -0
  427. package/lib/shared/hooks/use-form.d.ts +2 -0
  428. package/lib/shared/index.d.ts +27 -4
  429. package/lib/shared/index.js +1 -1
  430. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +6 -2
  431. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +8 -4
  432. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +6 -2
  433. package/lib/shared/token.d.ts +4 -0
  434. package/lib/shared/utils.d.ts +13 -0
  435. package/lib/shared/vue-types.d.ts +4 -0
  436. package/lib/sideslider/index.d.ts +391 -76
  437. package/lib/sideslider/index.js +1 -1
  438. package/lib/sideslider/sideslider.css +55 -10
  439. package/lib/sideslider/sideslider.d.ts +181 -33
  440. package/lib/sideslider/sideslider.less +72 -13
  441. package/lib/sideslider/sideslider.variable.css +84 -13
  442. package/lib/slider/index.d.ts +414 -1
  443. package/lib/slider/index.js +1 -15
  444. package/lib/slider/slider-button.d.ts +5 -0
  445. package/lib/slider/slider.d.ts +14 -2
  446. package/lib/slider/slider.variable.css +29 -3
  447. package/lib/steps/index.d.ts +4 -4
  448. package/lib/steps/index.js +1 -15
  449. package/lib/steps/steps.css +14 -3
  450. package/lib/steps/steps.d.ts +1 -1
  451. package/lib/steps/steps.less +23 -3
  452. package/lib/steps/steps.variable.css +43 -6
  453. package/lib/styles/index.d.ts +12 -0
  454. package/lib/styles/mixins/clearfix.css +8 -0
  455. package/lib/styles/mixins/clearfix.less +10 -0
  456. package/lib/styles/mixins/clearfix.variable.css +8 -0
  457. package/lib/styles/mixins/mixins.css +51 -0
  458. package/lib/styles/mixins/mixins.less +2 -0
  459. package/lib/styles/mixins/mixins.variable.css +51 -0
  460. package/lib/styles/mixins/scroll.css +17 -0
  461. package/lib/styles/mixins/scroll.less +22 -0
  462. package/lib/styles/mixins/scroll.variable.css +136 -0
  463. package/lib/styles/reset.css +36 -0
  464. package/lib/styles/reset.less +26 -0
  465. package/lib/styles/reset.variable.css +36 -0
  466. package/lib/styles/themes/themes.less +38 -3
  467. package/lib/swiper/index.d.ts +181 -0
  468. package/lib/swiper/index.js +1 -0
  469. package/lib/swiper/swiper.css +91 -0
  470. package/lib/swiper/swiper.d.ts +65 -0
  471. package/lib/swiper/swiper.less +107 -0
  472. package/lib/swiper/swiper.variable.css +91 -0
  473. package/lib/switcher/index.d.ts +34 -11
  474. package/lib/switcher/index.js +1 -1
  475. package/lib/switcher/switcher.css +57 -6
  476. package/lib/switcher/switcher.d.ts +15 -4
  477. package/lib/switcher/switcher.less +5 -26
  478. package/lib/switcher/switcher.variable.css +86 -9
  479. package/lib/tab/index.d.ts +107 -219
  480. package/lib/tab/index.js +1 -1
  481. package/lib/tab/props.d.ts +194 -0
  482. package/lib/tab/tab-nav.d.ts +66 -87
  483. package/lib/tab/tab-panel.d.ts +40 -15
  484. package/lib/tab/tab.css +25 -1
  485. package/lib/tab/tab.d.ts +17 -41
  486. package/lib/tab/tab.less +31 -19
  487. package/lib/tab/tab.variable.css +54 -4
  488. package/lib/table/components/index.d.ts +3 -0
  489. package/lib/table/components/table-cell.d.ts +38 -0
  490. package/lib/table/components/table-column.d.ts +142 -0
  491. package/lib/table/components/table-row.d.ts +2 -0
  492. package/lib/table/const.d.ts +108 -1
  493. package/lib/table/index.d.ts +781 -27
  494. package/lib/table/index.js +1 -10
  495. package/lib/table/plugins/body-empty.d.ts +40 -0
  496. package/lib/table/plugins/col-group.d.ts +38 -0
  497. package/lib/table/plugins/common.d.ts +6 -0
  498. package/lib/table/plugins/head-filter.css +71 -0
  499. package/lib/table/plugins/head-filter.d.ts +26 -0
  500. package/lib/table/plugins/head-filter.less +92 -0
  501. package/lib/table/plugins/head-filter.variable.css +190 -0
  502. package/lib/table/plugins/head-sort.css +25 -0
  503. package/lib/table/plugins/head-sort.d.ts +22 -0
  504. package/lib/table/plugins/head-sort.less +31 -0
  505. package/lib/table/plugins/head-sort.variable.css +144 -0
  506. package/lib/table/plugins/index.d.ts +5 -0
  507. package/lib/table/plugins/settings.css +129 -0
  508. package/lib/table/plugins/settings.d.ts +37 -0
  509. package/lib/table/plugins/settings.less +157 -0
  510. package/lib/table/plugins/settings.variable.css +248 -0
  511. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  512. package/lib/table/plugins/use-column-resize.d.ts +15 -0
  513. package/lib/table/plugins/use-fixed-column.d.ts +12 -0
  514. package/lib/table/plugins/use-pagination.d.ts +16 -0
  515. package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
  516. package/lib/table/props.d.ts +282 -7
  517. package/lib/table/render.d.ts +53 -6
  518. package/lib/table/table.css +1143 -17
  519. package/lib/table/table.d.ts +196 -13
  520. package/lib/table/table.less +237 -25
  521. package/lib/table/table.variable.css +1182 -30
  522. package/lib/table/use-column.d.ts +11 -0
  523. package/lib/table/use-common.d.ts +97 -0
  524. package/lib/table/utils.d.ts +65 -9
  525. package/lib/table-column/index.d.ts +336 -0
  526. package/lib/table-column/index.js +1 -0
  527. package/lib/tag/index.d.ts +7 -7
  528. package/lib/tag/index.js +1 -1
  529. package/lib/tag/tag.css +57 -18
  530. package/lib/tag/tag.d.ts +2 -2
  531. package/lib/tag/tag.less +58 -15
  532. package/lib/tag/tag.variable.css +86 -21
  533. package/lib/tag-input/common.d.ts +36 -0
  534. package/lib/tag-input/index.d.ts +1211 -0
  535. package/lib/tag-input/index.js +1 -0
  536. package/lib/tag-input/list-tag-render.d.ts +44 -0
  537. package/lib/tag-input/tag-input.css +209 -0
  538. package/lib/tag-input/tag-input.d.ts +536 -0
  539. package/lib/tag-input/tag-input.less +251 -0
  540. package/lib/tag-input/tag-input.variable.css +328 -0
  541. package/lib/tag-input/tag-props.d.ts +216 -0
  542. package/lib/tag-input/tag-render.d.ts +35 -0
  543. package/lib/time-picker/index.d.ts +904 -0
  544. package/lib/time-picker/index.js +1 -0
  545. package/lib/time-picker/time-picker.css +215 -0
  546. package/lib/time-picker/time-picker.less +260 -0
  547. package/lib/time-picker/time-picker.variable.css +334 -0
  548. package/lib/timeline/index.d.ts +6 -6
  549. package/lib/timeline/index.js +1 -1
  550. package/lib/timeline/timeline.css +5 -5
  551. package/lib/timeline/timeline.d.ts +1 -1
  552. package/lib/timeline/timeline.less +6 -5
  553. package/lib/timeline/timeline.variable.css +34 -8
  554. package/lib/transfer/const.d.ts +5 -0
  555. package/lib/transfer/index.d.ts +339 -1
  556. package/lib/transfer/index.js +1 -1
  557. package/lib/transfer/props.d.ts +54 -0
  558. package/lib/transfer/transfer.css +89 -86
  559. package/lib/transfer/transfer.d.ts +70 -95
  560. package/lib/transfer/transfer.less +93 -113
  561. package/lib/transfer/transfer.variable.css +123 -94
  562. package/lib/tree/constant.d.ts +57 -0
  563. package/lib/tree/index.d.ts +419 -48
  564. package/lib/tree/index.js +1 -1
  565. package/lib/tree/props.d.ts +124 -0
  566. package/lib/tree/tree.css +183 -11
  567. package/lib/tree/tree.d.ts +194 -23
  568. package/lib/tree/tree.less +72 -10
  569. package/lib/tree/tree.variable.css +302 -11
  570. package/lib/tree/use-empty.d.ts +6 -0
  571. package/lib/tree/use-node-action.d.ts +12 -0
  572. package/lib/tree/use-node-async.d.ts +5 -0
  573. package/lib/tree/use-node-attribute.d.ts +33 -0
  574. package/lib/tree/use-node-drag.d.ts +3 -0
  575. package/lib/tree/use-search.d.ts +11 -0
  576. package/lib/tree/use-tree-init.d.ts +15 -0
  577. package/lib/tree/util.d.ts +5 -7
  578. package/lib/upload/index.d.ts +566 -0
  579. package/lib/upload/index.js +1 -0
  580. package/lib/upload/props.d.ts +111 -0
  581. package/lib/upload/upload-list.d.ts +47 -0
  582. package/lib/upload/upload-trigger.d.ts +51 -0
  583. package/lib/upload/upload.css +425 -0
  584. package/lib/upload/upload.d.ts +246 -0
  585. package/lib/upload/upload.less +464 -0
  586. package/lib/upload/upload.type.d.ts +78 -0
  587. package/lib/upload/upload.variable.css +544 -0
  588. package/lib/upload/use-ajax-upload.d.ts +3 -0
  589. package/lib/upload/use-file-handler.d.ts +44 -0
  590. package/lib/virtual-render/index.d.ts +27 -4
  591. package/lib/virtual-render/index.js +1 -10
  592. package/lib/virtual-render/props.d.ts +10 -0
  593. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  594. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  595. package/lib/virtual-render/virtual-render.css +17 -24
  596. package/lib/virtual-render/virtual-render.d.ts +14 -3
  597. package/lib/virtual-render/virtual-render.less +2 -31
  598. package/lib/virtual-render/virtual-render.variable.css +136 -24
  599. package/lib/volar.components.d.ts +101 -0
  600. package/package.json +59 -46
  601. package/README_EN.md +0 -93
  602. package/dist/bkui-vue.cjs.js +0 -18938
  603. package/dist/bkui-vue.esm.js +0 -18887
  604. package/dist/bkui-vue.umd.js +0 -18941
  605. package/lib/form/common.d.ts +0 -3
  606. package/lib/icon/icon.js +0 -15
  607. package/lib/styles/index.js +0 -1
  608. package/lib/use-form.d.ts +0 -3
@@ -1,85 +1,1211 @@
1
+ .bk-F-scroll-x {
2
+ overflow-x: auto;
3
+ scrollbar-color: #a0a0a0 transparent;
4
+ scrollbar-width: thin;
5
+ }
6
+ .bk-F-scroll-x::-webkit-scrollbar {
7
+ height: 6px;
8
+ }
9
+ .bk-F-scroll-y {
10
+ overflow-y: auto;
11
+ }
12
+ .bk-F-scroll-y::-webkit-scrollbar {
13
+ width: 4px;
14
+ }
15
+ .bk-F-scroll-y::-webkit-scrollbar-thumb {
16
+ border-radius: 4px;
17
+ }
18
+ .bk-virtual-render {
19
+ position: relative;
20
+ }
21
+ .bk-virtual-render .bk-virtual-content,
22
+ .bk-virtual-render.bk-virtual-content {
23
+ position: absolute;
24
+ top: 0;
25
+ bottom: 0;
26
+ left: 0;
27
+ width: 100%;
28
+ height: 100%;
29
+ }
30
+ .bk-virtual-render .bk-virtual-section {
31
+ width: 1px;
32
+ background: transparent;
33
+ }
34
+ .bk-checkbox {
35
+ display: inline-flex;
36
+ justify-self: center;
37
+ font-size: 14px;
38
+ line-height: 18px;
39
+ letter-spacing: normal;
40
+ color: #63656e;
41
+ cursor: pointer;
42
+ user-select: none;
43
+ }
44
+ .bk-checkbox ~ .bk-checkbox {
45
+ margin-left: 30px;
46
+ }
47
+ .bk-checkbox.is-checked .bk-checkbox-input {
48
+ background: #3a84ff;
49
+ border-color: #3a84ff;
50
+ transition: all 0.1s;
51
+ }
52
+ .bk-checkbox.is-checked .bk-checkbox-input.small::after {
53
+ width: 3px;
54
+ height: 6px;
55
+ }
56
+ .bk-checkbox.is-checked .bk-checkbox-input::after {
57
+ position: absolute;
58
+ top: 50%;
59
+ left: 50%;
60
+ width: 4px;
61
+ height: 8px;
62
+ border: 2px solid #fff;
63
+ border-top: 0;
64
+ border-left: 0;
65
+ content: '';
66
+ transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
67
+ transform-origin: center;
68
+ }
69
+ .bk-checkbox.is-indeterminated .bk-checkbox-input {
70
+ background: #3a84ff;
71
+ border-color: #3a84ff;
72
+ transition: all 0.1s;
73
+ }
74
+ .bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
75
+ width: 6px;
76
+ height: 2px;
77
+ }
78
+ .bk-checkbox.is-indeterminated .bk-checkbox-input::after {
79
+ position: absolute;
80
+ top: 50%;
81
+ left: 50%;
82
+ width: 8px;
83
+ height: 2px;
84
+ background: #fff;
85
+ border: none;
86
+ border-radius: 2px;
87
+ content: '';
88
+ transform: translate(-50%, -50%);
89
+ }
90
+ .bk-checkbox.is-disabled {
91
+ color: #c4c6cc;
92
+ cursor: not-allowed;
93
+ }
94
+ .bk-checkbox.is-disabled .bk-checkbox-input {
95
+ background: #fafbfd;
96
+ border-color: #dcdee5;
97
+ }
98
+ .bk-checkbox.is-disabled .bk-checkbox-input::after {
99
+ background: #dcdee5;
100
+ }
101
+ .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
102
+ background: #dcdee5;
103
+ }
104
+ .bk-checkbox .bk-checkbox-input {
105
+ position: relative;
106
+ display: inline-block;
107
+ width: 16px;
108
+ height: 16px;
109
+ margin-right: 5px;
110
+ vertical-align: middle;
111
+ border: 1px solid #979ba5;
112
+ border-radius: 2px;
113
+ }
114
+ .bk-checkbox .bk-checkbox-input.small {
115
+ width: 14px;
116
+ height: 14px;
117
+ }
118
+ .bk-checkbox .bk-checkbox-original {
119
+ position: absolute;
120
+ top: 0;
121
+ left: 0;
122
+ z-index: -1;
123
+ width: 0;
124
+ height: 0;
125
+ }
126
+ .bk-checkbox .bk-checkbox-label {
127
+ display: inline-block;
128
+ vertical-align: middle;
129
+ }
130
+ .bk-button {
131
+ display: inline-flex;
132
+ height: 32px;
133
+ padding: 5px 12px;
134
+ font-size: 14px;
135
+ color: #63656e;
136
+ text-decoration: none;
137
+ white-space: nowrap;
138
+ cursor: pointer;
139
+ background-color: white;
140
+ border: 1px solid #c4c6cc;
141
+ border-radius: 2px;
142
+ outline: none;
143
+ box-sizing: border-box;
144
+ transition: background-color ease 0.3s;
145
+ appearance: none;
146
+ align-items: center;
147
+ justify-content: center;
148
+ }
149
+ .bk-button.bk-button-primary {
150
+ background-color: #3a84ff;
151
+ color: white;
152
+ border-color: #3a84ff;
153
+ }
154
+ .bk-button.bk-button-primary:hover {
155
+ background-color: #5594fa;
156
+ border-color: #5594fa;
157
+ }
158
+ .bk-button.bk-button-primary:active {
159
+ background-color: #2c77f4;
160
+ border-color: #2c77f4;
161
+ color: white;
162
+ }
163
+ .bk-button.bk-button-primary.is-outline {
164
+ color: #3a84ff;
165
+ border-color: #3a84ff;
166
+ background-color: white;
167
+ }
168
+ .bk-button.bk-button-primary.is-outline:hover {
169
+ background-color: #5594fa;
170
+ border-color: #5594fa;
171
+ color: white;
172
+ }
173
+ .bk-button.bk-button-primary.is-text {
174
+ color: #3a84ff;
175
+ background-color: transparent;
176
+ border: none;
177
+ }
178
+ .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
179
+ color: #5594fa;
180
+ }
181
+ .bk-button.bk-button-primary.is-disabled {
182
+ color: #dcdee5;
183
+ cursor: not-allowed;
184
+ }
185
+ .bk-button.bk-button-primary.is-disabled:not(.is-text) {
186
+ background-color: #dcdee5;
187
+ color: white;
188
+ border-color: #dcdee5;
189
+ }
190
+ .bk-button.bk-button-hover-primary:hover {
191
+ background-color: #5594fa;
192
+ border-color: #5594fa;
193
+ color: white;
194
+ }
195
+ .bk-button.bk-button-warning {
196
+ background-color: #ff9c01;
197
+ color: white;
198
+ border-color: #ff9c01;
199
+ }
200
+ .bk-button.bk-button-warning:hover {
201
+ background-color: #ffb848;
202
+ border-color: #ffb848;
203
+ }
204
+ .bk-button.bk-button-warning:active {
205
+ background-color: #eb9000;
206
+ border-color: #eb9000;
207
+ color: white;
208
+ }
209
+ .bk-button.bk-button-warning.is-outline {
210
+ color: #ff9c01;
211
+ border-color: #ff9c01;
212
+ background-color: white;
213
+ }
214
+ .bk-button.bk-button-warning.is-outline:hover {
215
+ background-color: #ffb848;
216
+ border-color: #ffb848;
217
+ color: white;
218
+ }
219
+ .bk-button.bk-button-warning.is-text {
220
+ color: #ff9c01;
221
+ background-color: transparent;
222
+ border: none;
223
+ }
224
+ .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
225
+ color: #ffb848;
226
+ }
227
+ .bk-button.bk-button-warning.is-disabled {
228
+ color: #dcdee5;
229
+ cursor: not-allowed;
230
+ }
231
+ .bk-button.bk-button-warning.is-disabled:not(.is-text) {
232
+ background-color: #dcdee5;
233
+ color: white;
234
+ border-color: #dcdee5;
235
+ }
236
+ .bk-button.bk-button-hover-warning:hover {
237
+ background-color: #ffb848;
238
+ border-color: #ffb848;
239
+ color: white;
240
+ }
241
+ .bk-button.bk-button-success {
242
+ background-color: #2dcb56;
243
+ color: white;
244
+ border-color: #2dcb56;
245
+ }
246
+ .bk-button.bk-button-success:hover {
247
+ background-color: #45e35f;
248
+ border-color: #45e35f;
249
+ }
250
+ .bk-button.bk-button-success:active {
251
+ background-color: #1ab943;
252
+ border-color: #1ab943;
253
+ color: white;
254
+ }
255
+ .bk-button.bk-button-success.is-outline {
256
+ color: #2dcb56;
257
+ border-color: #2dcb56;
258
+ background-color: white;
259
+ }
260
+ .bk-button.bk-button-success.is-outline:hover {
261
+ background-color: #45e35f;
262
+ border-color: #45e35f;
263
+ color: white;
264
+ }
265
+ .bk-button.bk-button-success.is-text {
266
+ color: #2dcb56;
267
+ background-color: transparent;
268
+ border: none;
269
+ }
270
+ .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
271
+ color: #45e35f;
272
+ }
273
+ .bk-button.bk-button-success.is-disabled {
274
+ color: #dcdee5;
275
+ cursor: not-allowed;
276
+ }
277
+ .bk-button.bk-button-success.is-disabled:not(.is-text) {
278
+ background-color: #dcdee5;
279
+ color: white;
280
+ border-color: #dcdee5;
281
+ }
282
+ .bk-button.bk-button-hover-success:hover {
283
+ background-color: #45e35f;
284
+ border-color: #45e35f;
285
+ color: white;
286
+ }
287
+ .bk-button.bk-button-danger {
288
+ background-color: #ea3636;
289
+ color: white;
290
+ border-color: #ea3636;
291
+ }
292
+ .bk-button.bk-button-danger:hover {
293
+ background-color: #ff5656;
294
+ border-color: #ff5656;
295
+ }
296
+ .bk-button.bk-button-danger:active {
297
+ background-color: #db2626;
298
+ border-color: #db2626;
299
+ color: white;
300
+ }
301
+ .bk-button.bk-button-danger.is-outline {
302
+ color: #ea3636;
303
+ border-color: #ea3636;
304
+ background-color: white;
305
+ }
306
+ .bk-button.bk-button-danger.is-outline:hover {
307
+ background-color: #ff5656;
308
+ border-color: #ff5656;
309
+ color: white;
310
+ }
311
+ .bk-button.bk-button-danger.is-text {
312
+ color: #ea3636;
313
+ background-color: transparent;
314
+ border: none;
315
+ }
316
+ .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
317
+ color: #ff5656;
318
+ }
319
+ .bk-button.bk-button-danger.is-disabled {
320
+ color: #dcdee5;
321
+ cursor: not-allowed;
322
+ }
323
+ .bk-button.bk-button-danger.is-disabled:not(.is-text) {
324
+ background-color: #dcdee5;
325
+ color: white;
326
+ border-color: #dcdee5;
327
+ }
328
+ .bk-button.bk-button-hover-danger:hover {
329
+ background-color: #ff5656;
330
+ border-color: #ff5656;
331
+ color: white;
332
+ }
333
+ .bk-button.bk-button-small {
334
+ height: 26px;
335
+ padding: 3px 12px;
336
+ font-size: 12px;
337
+ }
338
+ .bk-button.bk-button-large {
339
+ height: 38px;
340
+ padding: 8px 20px;
341
+ font-size: 16px;
342
+ }
343
+ .bk-button .bk-button-text {
344
+ display: inline-flex;
345
+ align-items: center;
346
+ line-height: 1;
347
+ }
348
+ .bk-button.is-loading {
349
+ position: relative;
350
+ }
351
+ .bk-button.is-loading .bk-button-loading:not(:last-child) {
352
+ position: absolute;
353
+ }
354
+ .bk-button.is-loading .bk-button-text {
355
+ visibility: hidden;
356
+ }
357
+ .bk-button:hover {
358
+ border-color: #979ba5;
359
+ }
360
+ .bk-button:active {
361
+ color: #3a84ff;
362
+ border-color: #3a84ff;
363
+ }
364
+ .bk-button.is-text {
365
+ height: auto;
366
+ padding: 0;
367
+ font-size: inherit;
368
+ color: #63656e;
369
+ text-decoration: none;
370
+ cursor: pointer;
371
+ background-color: transparent;
372
+ border: none;
373
+ outline: none;
374
+ }
375
+ .bk-button.is-disabled {
376
+ color: #dcdee5;
377
+ cursor: not-allowed;
378
+ border-color: #dcdee5;
379
+ }
380
+ .bk-button-group {
381
+ display: inline-block;
382
+ font-size: 0;
383
+ }
384
+ .bk-button-group.bk-button-group-small .bk-button {
385
+ height: 26px;
386
+ padding: 3px 12px;
387
+ font-size: 12px;
388
+ }
389
+ .bk-button-group.bk-button-group-large .bk-button {
390
+ height: 38px;
391
+ padding: 8px 20px;
392
+ font-size: 16px;
393
+ }
394
+ .bk-button-group .bk-button {
395
+ height: 32px;
396
+ margin: 0 0 0 -1px;
397
+ border-radius: 0;
398
+ }
399
+ .bk-button-group .bk-button:not(.is-disabled) {
400
+ color: #63656e;
401
+ background-color: white;
402
+ border-color: #c4c6cc;
403
+ }
404
+ .bk-button-group .bk-button.is-disabled {
405
+ color: #c4c6cc;
406
+ }
407
+ .bk-button-group .bk-button:first-child {
408
+ border-radius: 2px 0 0 2px;
409
+ }
410
+ .bk-button-group .bk-button:last-child {
411
+ border-radius: 0 2px 2px 0;
412
+ }
413
+ .bk-button-group .bk-button:only-child {
414
+ border-radius: 2px;
415
+ }
416
+ .bk-button-group .bk-button:hover:not(.is-disabled),
417
+ .bk-button-group .bk-button.is-selected:not(.is-disabled) {
418
+ position: relative;
419
+ z-index: 1;
420
+ color: #3a84ff;
421
+ background-color: white;
422
+ border-color: #3a84ff;
423
+ }
424
+ .bk-button-group .bk-button.is-selected:not(.is-disabled) {
425
+ background-color: #e1ecff;
426
+ }
427
+ .bk-button-group .bk-button.is-selected.is-disabled {
428
+ background-color: #f0f1f5;
429
+ }
430
+ .bk-exception {
431
+ position: relative;
432
+ display: flex;
433
+ width: 100%;
434
+ align-items: center;
435
+ flex-direction: column;
436
+ text-align: center;
437
+ }
438
+ .bk-exception-img {
439
+ display: flex;
440
+ align-items: center;
441
+ justify-content: center;
442
+ }
443
+ .bk-exception-img .exception-image {
444
+ display: block;
445
+ height: 100%;
446
+ object-fit: contain;
447
+ }
448
+ .bk-exception-title {
449
+ color: #313238;
450
+ }
451
+ .bk-exception-description {
452
+ color: #63656e;
453
+ }
454
+ .bk-exception-page .bk-exception-img {
455
+ width: 480px;
456
+ height: 240px;
457
+ }
458
+ .bk-exception-page .bk-exception-title {
459
+ margin-top: 18px;
460
+ font-size: 24px;
461
+ line-height: 32px;
462
+ }
463
+ .bk-exception-page .bk-exception-description {
464
+ margin-top: 16px;
465
+ font-size: 14px;
466
+ line-height: 22px;
467
+ }
468
+ .bk-exception-page .bk-exception-footer {
469
+ margin-top: 24px;
470
+ }
471
+ .bk-exception-part .bk-exception-img {
472
+ width: 120px;
473
+ height: 100px;
474
+ }
475
+ .bk-exception-part .bk-exception-title {
476
+ margin-top: 8px;
477
+ font-size: 14px;
478
+ line-height: 22px;
479
+ }
480
+ .bk-exception-part .bk-exception-description {
481
+ margin-top: 8px;
482
+ font-size: 12px;
483
+ line-height: 20px;
484
+ }
485
+ .bk-exception-part .bk-exception-footer {
486
+ margin-top: 8px;
487
+ }
488
+ .bk-pagination {
489
+ display: flex;
490
+ align-items: center;
491
+ font-size: 12px;
492
+ letter-spacing: normal;
493
+ color: #63656e;
494
+ user-select: none;
495
+ }
496
+ .bk-pagination.is-disabled {
497
+ cursor: not-allowed;
498
+ }
499
+ .bk-pagination.is-align-left {
500
+ justify-content: flex-start;
501
+ }
502
+ .bk-pagination.is-align-center {
503
+ justify-content: center;
504
+ }
505
+ .bk-pagination.is-align-right {
506
+ justify-content: flex-end;
507
+ }
508
+ .bk-pagination > * {
509
+ margin: 0 6px;
510
+ }
511
+ .bk-pagination > .is-first {
512
+ margin-left: 0;
513
+ }
514
+ .bk-pagination > .is-last {
515
+ margin-right: 0;
516
+ }
517
+ .bk-pagination-total {
518
+ display: flex;
519
+ user-select: none;
520
+ }
521
+ .bk-pagination-total-num {
522
+ padding: 0 2px;
523
+ }
524
+ .bk-pagination-list {
525
+ display: flex;
526
+ }
527
+ .bk-pagination-list-pre-batch,
528
+ .bk-pagination-list-next-batch,
529
+ .bk-pagination-list-pre,
530
+ .bk-pagination-list-next,
531
+ .bk-pagination-list-item {
532
+ display: flex;
533
+ align-items: center;
534
+ justify-content: center;
535
+ height: 32px;
536
+ min-width: 32px;
537
+ padding: 0 4px;
538
+ margin-right: 2px;
539
+ margin-left: 2px;
540
+ color: #63656e;
541
+ cursor: pointer;
542
+ background: #fff;
543
+ border-radius: 2px;
544
+ user-select: none;
545
+ }
546
+ .bk-pagination-list-pre-batch.is-active,
547
+ .bk-pagination-list-next-batch.is-active,
548
+ .bk-pagination-list-pre.is-active,
549
+ .bk-pagination-list-next.is-active,
550
+ .bk-pagination-list-item.is-active {
551
+ color: #3a84ff;
552
+ background: #e1ecff;
553
+ }
554
+ .bk-pagination-list-pre-batch:hover,
555
+ .bk-pagination-list-next-batch:hover,
556
+ .bk-pagination-list-pre:hover,
557
+ .bk-pagination-list-next:hover,
558
+ .bk-pagination-list-item:hover {
559
+ background: #f0f1f5;
560
+ }
561
+ .bk-pagination-list-pre-batch.is-disabled,
562
+ .bk-pagination-list-next-batch.is-disabled,
563
+ .bk-pagination-list-pre.is-disabled,
564
+ .bk-pagination-list-next.is-disabled,
565
+ .bk-pagination-list-item.is-disabled {
566
+ color: #c4c6cc;
567
+ cursor: not-allowed;
568
+ background-color: #fafbfd;
569
+ border-color: #dcdee5;
570
+ }
571
+ .bk-pagination-list-pre,
572
+ .bk-pagination-list-next {
573
+ font-size: 20px;
574
+ color: #979ba5;
575
+ }
576
+ .bk-pagination-list-pre.is-disabled,
577
+ .bk-pagination-list-next.is-disabled {
578
+ color: #dcdee5;
579
+ cursor: not-allowed;
580
+ background-color: transparent;
581
+ }
582
+ .bk-pagination-list-item {
583
+ margin-right: 2px;
584
+ margin-left: 2px;
585
+ }
586
+ .bk-pagination-limit {
587
+ display: flex;
588
+ align-items: center;
589
+ user-select: none;
590
+ }
591
+ .bk-pagination-limit-select {
592
+ width: 60px;
593
+ margin: 0 4px;
594
+ }
595
+ .bk-pagination-limit-select .bk-input {
596
+ border-color: #f0f1f5;
597
+ }
598
+ .bk-pagination-limit-select .bk-input--text {
599
+ background-color: #f0f1f5;
600
+ }
601
+ .bk-pagination-limit-select:hover .bk-input {
602
+ border-color: #eaebf0;
603
+ }
604
+ .bk-pagination-limit-select:hover .bk-input--text {
605
+ background-color: #eaebf0;
606
+ }
607
+ .bk-pagination-limit-select .bk-input.is-focused {
608
+ border-color: #3a84ff;
609
+ }
610
+ .bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
611
+ background-color: #fff;
612
+ }
613
+ .bk-pagination-small-list {
614
+ display: flex;
615
+ align-items: center;
616
+ }
617
+ .bk-pagination-small-list .bk-pagination-picker {
618
+ display: flex;
619
+ height: 26px;
620
+ margin: 0 4px;
621
+ cursor: pointer;
622
+ background-color: #f0f1f5;
623
+ border: 1px solid #f0f1f5;
624
+ border-radius: 2px;
625
+ align-items: center;
626
+ }
627
+ .bk-pagination-small-list .bk-pagination-picker:hover {
628
+ background-color: #eaebf0;
629
+ border-color: #eaebf0;
630
+ }
631
+ .bk-pagination-small-list .bk-pagination-picker.is-focused {
632
+ background-color: #fff;
633
+ border-color: #3a84ff;
634
+ box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
635
+ }
636
+ .bk-pagination-editor {
637
+ height: 16px;
638
+ min-width: 23px;
639
+ padding-right: 4px;
640
+ padding-left: 8px;
641
+ line-height: 16px;
642
+ text-align: center;
643
+ background-color: transparent;
644
+ border: 0;
645
+ border-radius: 2px;
646
+ outline: none;
647
+ transition: all 0.15s;
648
+ }
649
+ .bk-pagination-small-list-total {
650
+ padding-right: 8px;
651
+ padding-left: 4px;
652
+ }
653
+ .bk-pagination-btn-pre,
654
+ .bk-pagination-btn-next {
655
+ display: flex;
656
+ width: 26px;
657
+ height: 26px;
658
+ font-size: 20px;
659
+ color: #979ba5;
660
+ cursor: pointer;
661
+ justify-content: center;
662
+ align-items: center;
663
+ }
664
+ .bk-pagination-btn-pre:hover,
665
+ .bk-pagination-btn-next:hover {
666
+ color: #3a84ff;
667
+ background: #f0f1f5;
668
+ }
669
+ .bk-pagination-btn-pre.is-disabled,
670
+ .bk-pagination-btn-next.is-disabled {
671
+ color: #dcdee5;
672
+ cursor: not-allowed;
673
+ }
674
+ .bk-pagination-picker-list {
675
+ max-height: 216px;
676
+ padding: 7px 0;
677
+ margin: -7px -14px;
678
+ overflow: auto;
679
+ }
680
+ .bk-pagination-picker-list .item {
681
+ height: 32px;
682
+ padding: 0 10px;
683
+ font-size: 12px;
684
+ line-height: 32px;
685
+ color: #63656e;
686
+ cursor: pointer;
687
+ }
688
+ .bk-pagination-picker-list .item:hover,
689
+ .bk-pagination-picker-list .item.is-actived {
690
+ color: #3a84ff;
691
+ background: #f4f6fa;
692
+ }
693
+ .bk-popover2.bk-pop2-content {
694
+ position: absolute;
695
+ display: none;
696
+ padding: 7px 14px;
697
+ font-size: 12px;
698
+ color: #fff;
699
+ background: #26323d;
700
+ border-radius: 4px;
701
+ box-sizing: border-box;
702
+ }
703
+ .bk-popover2.bk-pop2-content .bk-pop2-arrow {
704
+ position: absolute;
705
+ width: 8px;
706
+ height: 8px;
707
+ background: #333;
708
+ transform: rotate(45deg);
709
+ }
710
+ .bk-popover2.bk-pop2-content[data-theme^='light'] {
711
+ color: #26323d;
712
+ background-color: #fff;
713
+ box-shadow: 0 0 6px 0 #dcdee5;
714
+ }
715
+ .bk-popover2.bk-pop2-content[data-theme^='light'] .bk-pop2-arrow {
716
+ background-color: #fff;
717
+ }
718
+ .bk-table-head-action {
719
+ display: flex;
720
+ height: var(--row-height);
721
+ padding: 0 10px 0 6px;
722
+ font-size: 12px;
723
+ color: #c4c6cc;
724
+ cursor: pointer;
725
+ align-items: center;
726
+ }
727
+ .bk-table-head-action.active {
728
+ color: #3a84ff;
729
+ }
730
+ .bk-table-head-action.opened {
731
+ color: inherit;
732
+ }
733
+ .bk-popover2.bk-pop2-content.bk-table-head-filter {
734
+ padding: 5px 0 0 0;
735
+ background-color: #fff;
736
+ border-radius: 2px;
737
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
738
+ }
739
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-list {
740
+ max-width: 200px;
741
+ min-width: 140px;
742
+ overflow: auto;
743
+ }
744
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item {
745
+ width: 100%;
746
+ height: 32px;
747
+ padding: 0 10px;
748
+ font-size: 12px;
749
+ line-height: 32px;
750
+ color: #63656e;
751
+ text-align: left;
752
+ }
753
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-list .list-item:hover {
754
+ background: #f0f1f5;
755
+ }
756
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer {
757
+ display: flex;
758
+ height: 42px;
759
+ padding: 0 10px;
760
+ border-top: solid 1px #dcdee5;
761
+ justify-content: center;
762
+ align-items: center;
763
+ }
764
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span {
765
+ display: inline-flex;
766
+ height: 100%;
767
+ padding: 6px 12px;
768
+ font-size: 14px;
769
+ line-height: 22px;
770
+ color: #3a84ff;
771
+ cursor: pointer;
772
+ align-items: center;
773
+ }
774
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
775
+ color: transparent;
776
+ cursor: auto;
777
+ }
778
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
779
+ width: 1px;
780
+ height: calc(100% - 12px);
781
+ padding: 6px 0;
782
+ cursor: default;
783
+ background: #f0f1f5;
784
+ }
785
+ .bk-popover2.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
786
+ color: #979ba5;
787
+ cursor: not-allowed;
788
+ }
789
+ .bk-head-cell-sort {
790
+ display: flex;
791
+ height: 100%;
792
+ padding: 0 4px;
793
+ margin-left: 4px;
794
+ font-size: 10px;
795
+ cursor: pointer;
796
+ flex-direction: column;
797
+ justify-content: center;
798
+ align-items: center;
799
+ }
800
+ .bk-head-cell-sort .sort-action {
801
+ display: flex;
802
+ color: #c0c4cc;
803
+ cursor: pointer;
804
+ }
805
+ .bk-head-cell-sort .sort-action.active {
806
+ color: #3a84ff;
807
+ }
808
+ .bk-head-cell-sort .sort-action.sort-asc {
809
+ align-items: flex-end;
810
+ }
811
+ .bk-head-cell-sort .sort-action.sort-desc {
812
+ align-items: flex-start;
813
+ }
814
+ .bk-table-settings[data-bk-table-settings-theme='true'] {
815
+ padding: 0;
816
+ }
817
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
818
+ width: 515px;
819
+ border: 1px solid #dcdee5;
820
+ border-radius: 2px;
821
+ opacity: 1;
822
+ }
823
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
824
+ position: relative;
825
+ display: flex;
826
+ padding: 0 24px;
827
+ margin: 0;
828
+ font-size: 16px;
829
+ font-weight: 400;
830
+ line-height: 32px;
831
+ color: #313238;
832
+ }
833
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
834
+ position: absolute;
835
+ top: 10px;
836
+ right: 15px;
837
+ cursor: pointer;
838
+ }
839
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
840
+ display: inline-block;
841
+ height: 26px;
842
+ margin: 24px 0;
843
+ font-size: 20px;
844
+ line-height: 26px;
845
+ color: #313238;
846
+ }
847
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
848
+ padding: 0 24px;
849
+ }
850
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
851
+ display: flex;
852
+ font-size: 14px;
853
+ line-height: 19px;
854
+ color: #63656e;
855
+ justify-content: space-between;
856
+ }
857
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
858
+ height: 22px;
859
+ font-size: 14px;
860
+ line-height: 22px;
861
+ color: #313238;
862
+ text-align: left;
863
+ }
864
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
865
+ color: #c4c6cc;
866
+ }
867
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
868
+ color: #3a84ff;
869
+ cursor: pointer;
870
+ }
871
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
872
+ display: flex;
873
+ max-height: 150px;
874
+ align-items: flex-start;
875
+ flex-wrap: wrap;
876
+ margin-bottom: 16px;
877
+ }
878
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
879
+ width: 150px;
880
+ height: 16px;
881
+ margin-top: 16px;
882
+ line-height: 16px;
883
+ }
884
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
885
+ overflow: hidden;
886
+ text-overflow: ellipsis;
887
+ white-space: nowrap;
888
+ }
889
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
890
+ display: flex;
891
+ height: 76px;
892
+ font-size: 14px;
893
+ border-top: solid 1px #f0f1f5;
894
+ align-items: center;
895
+ }
896
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
897
+ display: flex;
898
+ width: 68px;
899
+ height: 26px;
900
+ color: #63656e;
901
+ cursor: pointer;
902
+ border: 1px solid #c4c6cc;
903
+ justify-content: center;
904
+ align-items: center;
905
+ }
906
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
907
+ color: #3a84ff;
908
+ background: #e1ecff;
909
+ border: 1px solid #a3c5fd;
910
+ }
911
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
912
+ border-right: none;
913
+ border-left: none;
914
+ }
915
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
916
+ border-right: 1px solid #c4c6cc;
917
+ border-left: 1px solid #c4c6cc;
918
+ border-bottom-left-radius: 2px;
919
+ border-top-left-radius: 2px;
920
+ }
921
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
922
+ border-right: none;
923
+ }
924
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
925
+ border-right: 1px solid #c4c6cc;
926
+ border-left: 1px solid #c4c6cc;
927
+ border-top-right-radius: 2px;
928
+ border-bottom-right-radius: 2px;
929
+ }
930
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
931
+ border-left: none;
932
+ }
933
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
934
+ display: flex;
935
+ height: 50px;
936
+ padding: 0 24px;
937
+ background: #fafbfd;
938
+ border: 1px solid #dcdee5;
939
+ border-radius: 0px 0px 2px 2px;
940
+ justify-content: flex-end;
941
+ align-items: center;
942
+ }
1
943
  .bk-table {
944
+ position: relative;
945
+ height: auto;
2
946
  overflow: hidden;
3
- height: 100%;
4
- border-top: 1px solid #dcdee5;
5
- border-bottom: 1px solid #dcdee5;
947
+ }
948
+ .bk-table.has-scroll-y .bk-table-head {
949
+ padding-right: 4px;
6
950
  }
7
951
  .bk-table .bk-table-body {
952
+ position: relative;
8
953
  overflow: auto;
9
954
  }
955
+ .bk-table .bk-table-body::-webkit-scrollbar {
956
+ width: 6px;
957
+ height: 6px;
958
+ }
959
+ .bk-table .bk-fixed-bottom-border {
960
+ position: sticky;
961
+ bottom: 0;
962
+ left: 0;
963
+ width: 100%;
964
+ border-top: 1px solid #dcdee5;
965
+ transform: translateX(var(--scroll-head-left));
966
+ }
967
+ .bk-table .bk-fixed-bottom-border._is-empty {
968
+ display: none;
969
+ }
10
970
  .bk-table .bk-table-head,
11
971
  .bk-table .bk-table-body {
12
972
  background: white;
13
973
  }
974
+ .bk-table .bk-table-head.__is-empty,
975
+ .bk-table .bk-table-body.__is-empty {
976
+ display: flex;
977
+ height: 100%;
978
+ justify-content: center;
979
+ align-items: center;
980
+ }
981
+ .bk-table .bk-table-head.__is-empty .bk-table-body-content,
982
+ .bk-table .bk-table-body.__is-empty .bk-table-body-content {
983
+ display: flex;
984
+ width: 100%;
985
+ height: 100%;
986
+ padding-bottom: 20px;
987
+ }
14
988
  .bk-table .bk-table-head table,
15
989
  .bk-table .bk-table-body table {
16
990
  width: 100%;
17
991
  border-collapse: collapse;
992
+ table-layout: fixed;
993
+ align-self: flex-start;
18
994
  }
19
995
  .bk-table .bk-table-head table th,
20
996
  .bk-table .bk-table-body table th,
21
997
  .bk-table .bk-table-head table td,
22
998
  .bk-table .bk-table-body table td {
999
+ height: var(--row-height);
23
1000
  min-width: 80px;
1001
+ clear: both;
1002
+ }
1003
+ .bk-table .bk-table-head table th.expand-row .expand-btn-action,
1004
+ .bk-table .bk-table-body table th.expand-row .expand-btn-action,
1005
+ .bk-table .bk-table-head table td.expand-row .expand-btn-action,
1006
+ .bk-table .bk-table-body table td.expand-row .expand-btn-action {
1007
+ color: #575961;
24
1008
  }
25
1009
  .bk-table .bk-table-head table th .cell,
26
1010
  .bk-table .bk-table-body table th .cell,
27
1011
  .bk-table .bk-table-head table td .cell,
28
1012
  .bk-table .bk-table-body table td .cell {
29
- height: var(--row-height);
30
1013
  padding: 0 15px;
31
1014
  overflow: hidden;
32
- line-height: var(--row-height);
1015
+ font-size: 12px;
33
1016
  color: #575961;
34
1017
  text-align: left;
35
1018
  text-overflow: ellipsis;
36
1019
  white-space: nowrap;
37
1020
  }
1021
+ .bk-table .bk-table-head table th .cell.expand-cell,
1022
+ .bk-table .bk-table-body table th .cell.expand-cell,
1023
+ .bk-table .bk-table-head table td .cell.expand-cell,
1024
+ .bk-table .bk-table-body table td .cell.expand-cell {
1025
+ padding: 0;
1026
+ text-overflow: unset;
1027
+ }
1028
+ .bk-table .bk-table-head table th .expand-btn-action,
1029
+ .bk-table .bk-table-body table th .expand-btn-action,
1030
+ .bk-table .bk-table-head table td .expand-btn-action,
1031
+ .bk-table .bk-table-body table td .expand-btn-action {
1032
+ display: flex;
1033
+ padding: 0 15px;
1034
+ color: #c4c6cc;
1035
+ cursor: pointer;
1036
+ }
1037
+ .bk-table .bk-table-head table th.column_fixed,
1038
+ .bk-table .bk-table-body table th.column_fixed,
1039
+ .bk-table .bk-table-head table td.column_fixed,
1040
+ .bk-table .bk-table-body table td.column_fixed {
1041
+ position: sticky;
1042
+ background: #fff;
1043
+ }
1044
+ .bk-table .bk-table-head table th.column_fixed.column_fixed_left,
1045
+ .bk-table .bk-table-body table th.column_fixed.column_fixed_left,
1046
+ .bk-table .bk-table-head table td.column_fixed.column_fixed_left,
1047
+ .bk-table .bk-table-body table td.column_fixed.column_fixed_left {
1048
+ left: 0;
1049
+ }
1050
+ .bk-table .bk-table-head table th.column_fixed.column_fixed_right,
1051
+ .bk-table .bk-table-body table th.column_fixed.column_fixed_right,
1052
+ .bk-table .bk-table-head table td.column_fixed.column_fixed_right,
1053
+ .bk-table .bk-table-body table td.column_fixed.column_fixed_right {
1054
+ right: 0;
1055
+ }
1056
+ .bk-table .bk-table-head table th.row_expend .expand-cell-ctx,
1057
+ .bk-table .bk-table-body table th.row_expend .expand-cell-ctx,
1058
+ .bk-table .bk-table-head table td.row_expend .expand-cell-ctx,
1059
+ .bk-table .bk-table-body table td.row_expend .expand-cell-ctx {
1060
+ min-height: 30px;
1061
+ }
38
1062
  .bk-table .bk-table-head table thead th,
39
1063
  .bk-table .bk-table-body table thead th {
40
- position: sticky;
41
- top: 0;
42
- z-index: 1;
1064
+ font-weight: 400;
43
1065
  color: #313238;
44
1066
  background-color: #fafbfd;
45
1067
  }
1068
+ .bk-table .bk-table-head table thead th .cell,
1069
+ .bk-table .bk-table-body table thead th .cell {
1070
+ display: flex;
1071
+ align-items: center;
1072
+ height: calc(var(--row-height) - 1px);
1073
+ }
46
1074
  .bk-table .bk-table-head table thead th.active,
47
1075
  .bk-table .bk-table-body table thead th.active,
48
1076
  .bk-table .bk-table-head table thead th:hover,
49
1077
  .bk-table .bk-table-body table thead th:hover {
50
1078
  background: #f0f1f5;
51
1079
  }
52
- .bk-table .bk-table-head table tbody tr:hover td,
53
- .bk-table .bk-table-body table tbody tr:hover td {
1080
+ .bk-table .bk-table-head table thead th.column_fixed,
1081
+ .bk-table .bk-table-body table thead th.column_fixed {
1082
+ transform: translateX(var(--scroll-left));
1083
+ }
1084
+ .bk-table .bk-table-head table tbody tr td.empty-cell,
1085
+ .bk-table .bk-table-body table tbody tr td.empty-cell {
1086
+ padding-bottom: 30px;
1087
+ }
1088
+ .bk-table .bk-table-head table tbody tr td.is-last,
1089
+ .bk-table .bk-table-body table tbody tr td.is-last {
1090
+ border-bottom: none;
1091
+ }
1092
+ .bk-table .bk-table-head table tbody tr td .cell,
1093
+ .bk-table .bk-table-body table tbody tr td .cell {
1094
+ display: block;
1095
+ width: 100%;
1096
+ height: 100%;
1097
+ line-height: calc(var(--row-height) - 1px);
1098
+ box-sizing: border-box;
1099
+ align-items: center;
1100
+ }
1101
+ .bk-table .bk-table-head table tbody tr:hover.hover-highlight td:not(.empty-cell),
1102
+ .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
54
1103
  background: #f5f7fa;
55
1104
  }
1105
+ .bk-table .bk-table-head {
1106
+ position: relative;
1107
+ transform: translateX(var(--scroll-head-left));
1108
+ }
1109
+ .bk-table .bk-table-head .table-head-settings {
1110
+ position: absolute;
1111
+ top: 0;
1112
+ right: 1px;
1113
+ bottom: 0px;
1114
+ z-index: 1;
1115
+ display: block;
1116
+ display: flex;
1117
+ width: calc(var(--row-height));
1118
+ font-size: 14px;
1119
+ cursor: pointer;
1120
+ background: #fafbfd;
1121
+ border-right: 1px solid #dcdee5;
1122
+ border-bottom: 1px solid #dcdee5;
1123
+ border-left: 1px solid #dcdee5;
1124
+ border-radius: 0px 2px 0px 0px;
1125
+ transform: translateX(var(--scroll-left));
1126
+ justify-content: center;
1127
+ align-items: center;
1128
+ }
1129
+ .bk-table .bk-table-head .table-head-settings > span {
1130
+ display: flex;
1131
+ width: 1rem;
1132
+ height: 1rem;
1133
+ }
56
1134
  .bk-table .bk-table-footer {
57
1135
  line-height: 40px;
58
1136
  }
59
- .bk-table.bordered-row .cell {
1137
+ .bk-table .bk-table-footer.is-hidden {
1138
+ display: none;
1139
+ }
1140
+ .bk-table.bordered-row td,
1141
+ .bk-table.bordered-row th {
60
1142
  border-bottom: 1px solid #dcdee5;
61
1143
  }
1144
+ .bk-table.bordered-row tr:last-child td {
1145
+ border-bottom: none;
1146
+ }
62
1147
  .bk-table.bordered-outer {
1148
+ border-top: 1px solid #dcdee5;
63
1149
  border-right: 1px solid #dcdee5;
64
1150
  border-left: 1px solid #dcdee5;
65
1151
  }
66
- .bk-table.bordered-col th .cell,
67
- .bk-table.bordered-col td .cell {
1152
+ .bk-table.bordered-outer .bk-table-footer {
1153
+ border-bottom: 1px solid #dcdee5;
1154
+ }
1155
+ .bk-table.bordered-horizontal {
1156
+ border-top: 1px solid #dcdee5;
1157
+ }
1158
+ .bk-table.bordered-horizontal .bk-table-footer {
1159
+ border-bottom: 1px solid #dcdee5;
1160
+ }
1161
+ .bk-table.bordered-col th,
1162
+ .bk-table.bordered-col td {
68
1163
  border-right: 1px solid #dcdee5;
69
1164
  }
70
- .bk-table.bordered-col th:last-child .cell,
71
- .bk-table.bordered-col td:last-child .cell {
1165
+ .bk-table.bordered-col th:last-child,
1166
+ .bk-table.bordered-col td:last-child {
72
1167
  border-right: none;
73
1168
  }
74
- .bk-table.bordered-none th .cell,
75
- .bk-table.bordered-none td .cell {
1169
+ .bk-table.bordered-none th,
1170
+ .bk-table.bordered-none td {
76
1171
  border-top: none;
77
1172
  border-right: none;
78
1173
  border-bottom: none;
79
1174
  border-left: none;
80
1175
  }
81
1176
  .bk-table .bk-table-fixed {
1177
+ position: absolute;
1178
+ top: 0;
1179
+ right: 0;
1180
+ bottom: 0;
1181
+ left: 0;
82
1182
  width: 100%;
1183
+ pointer-events: none;
1184
+ }
1185
+ .bk-table .bk-table-fixed .column_fixed {
1186
+ position: absolute;
1187
+ }
1188
+ .bk-table .bk-table-fixed .column_fixed.column_fixed_left {
1189
+ top: 0;
1190
+ left: 0;
1191
+ }
1192
+ .bk-table .bk-table-fixed .column_fixed.column_fixed_left.shadow {
1193
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
1194
+ }
1195
+ .bk-table .bk-table-fixed .column_fixed.column_fixed_right {
1196
+ top: 0;
1197
+ right: 0;
1198
+ }
1199
+ .bk-table .bk-table-fixed .column_fixed.column_fixed_right.shadow {
1200
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
1201
+ }
1202
+ .bk-table .bk-table-fixed .scroll-loading._bottom {
1203
+ position: absolute;
1204
+ right: 0;
1205
+ bottom: 0;
1206
+ left: 0;
1207
+ display: flex;
1208
+ justify-content: center;
83
1209
  }
84
1210
  .bk-table colgroup col {
85
1211
  background: white;