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

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 (607) hide show
  1. package/dist/index.cjs.js +173 -0
  2. package/dist/index.esm.js +38141 -0
  3. package/dist/index.umd.js +173 -0
  4. package/dist/style.css +1 -5090
  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 -1
  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 +3 -7
  63. package/lib/code-diff/code-diff.css +73 -1
  64. package/lib/code-diff/code-diff.d.ts +10 -1
  65. package/lib/code-diff/code-diff.less +95 -1
  66. package/lib/code-diff/code-diff.variable.css +102 -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 +23 -2
  105. package/lib/date-picker/date-picker.d.ts +39 -12
  106. package/lib/date-picker/date-picker.less +29 -2
  107. package/lib/date-picker/date-picker.variable.css +52 -5
  108. package/lib/date-picker/index.d.ts +95 -34
  109. package/lib/date-picker/index.js +1 -1
  110. package/lib/date-picker/interface.d.ts +11 -1
  111. package/lib/date-picker/panel/date-range.d.ts +308 -0
  112. package/lib/date-picker/panel/date.d.ts +206 -0
  113. package/lib/date-picker/panel/time-range.d.ts +489 -0
  114. package/lib/date-picker/panel/time.d.ts +448 -0
  115. package/lib/date-picker/props.d.ts +54 -4
  116. package/lib/date-picker/time-picker.d.ts +381 -0
  117. package/lib/date-picker/utils.d.ts +22 -1
  118. package/lib/dialog/dialog.css +132 -22
  119. package/lib/dialog/dialog.d.ts +272 -56
  120. package/lib/dialog/dialog.less +77 -23
  121. package/lib/dialog/dialog.variable.css +132 -22
  122. package/lib/dialog/index.d.ts +598 -124
  123. package/lib/dialog/index.js +1 -1
  124. package/lib/dialog/props.d.ts +138 -0
  125. package/lib/directives/ellipsis.d.ts +7 -0
  126. package/lib/directives/index.d.ts +1 -0
  127. package/lib/directives/index.js +2 -15
  128. package/lib/directives/index.js.LICENSE.txt +14 -0
  129. package/lib/directives/tooltips.d.ts +1 -1
  130. package/lib/dist.index.js +1 -0
  131. package/lib/divider/divider.d.ts +1 -1
  132. package/lib/divider/divider.variable.css +29 -3
  133. package/lib/divider/index.d.ts +4 -4
  134. package/lib/divider/index.js +1 -1
  135. package/lib/divider/props.d.ts +21 -0
  136. package/lib/dropdown/const.d.ts +4 -0
  137. package/lib/dropdown/dropdown.css +13 -7
  138. package/lib/dropdown/dropdown.d.ts +34 -3
  139. package/lib/dropdown/dropdown.less +47 -34
  140. package/lib/dropdown/dropdown.variable.css +42 -10
  141. package/lib/dropdown/index.d.ts +72 -11
  142. package/lib/dropdown/index.js +1 -1
  143. package/lib/exception/exception.css +40 -14
  144. package/lib/exception/exception.d.ts +10 -3
  145. package/lib/exception/exception.less +59 -22
  146. package/lib/exception/exception.variable.css +69 -17
  147. package/lib/exception/index.d.ts +23 -8
  148. package/lib/exception/index.js +1 -1
  149. package/lib/exception/typings/index.d.ts +4 -0
  150. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  151. package/lib/fixed-navbar/fixed-navbar.variable.css +29 -3
  152. package/lib/fixed-navbar/index.d.ts +40 -5
  153. package/lib/fixed-navbar/index.js +1 -1
  154. package/lib/form/compose-form-item.d.ts +16 -0
  155. package/lib/form/form-item.d.ts +21 -24
  156. package/lib/form/form.css +103 -10
  157. package/lib/form/form.d.ts +37 -40
  158. package/lib/form/form.less +146 -34
  159. package/lib/form/form.variable.css +222 -10
  160. package/lib/form/index.d.ts +103 -85
  161. package/lib/form/index.js +1 -1
  162. package/lib/form/type.d.ts +8 -6
  163. package/lib/form/validator.d.ts +1 -0
  164. package/lib/icon/angle-double-down-line.js +1 -15
  165. package/lib/icon/angle-double-left-line.js +1 -15
  166. package/lib/icon/angle-double-left.js +1 -15
  167. package/lib/icon/angle-double-right-line.js +1 -15
  168. package/lib/icon/angle-double-right.js +1 -15
  169. package/lib/icon/angle-double-up-line.js +1 -15
  170. package/lib/icon/angle-down-fill.js +1 -15
  171. package/lib/icon/angle-down-line.js +1 -15
  172. package/lib/icon/angle-down.js +1 -15
  173. package/lib/icon/angle-left.js +1 -15
  174. package/lib/icon/angle-right.js +1 -15
  175. package/lib/icon/angle-up-fill.js +1 -15
  176. package/lib/icon/angle-up.js +1 -15
  177. package/lib/icon/archive-fill.d.ts +4 -0
  178. package/lib/icon/archive-fill.js +1 -0
  179. package/lib/icon/arrows-left.js +1 -15
  180. package/lib/icon/arrows-right.js +1 -15
  181. package/lib/icon/audio-fill.d.ts +4 -0
  182. package/lib/icon/audio-fill.js +1 -0
  183. package/lib/icon/bk.js +1 -15
  184. package/lib/icon/circle.js +1 -15
  185. package/lib/icon/close-line.d.ts +4 -0
  186. package/lib/icon/close-line.js +1 -0
  187. package/lib/icon/close.js +1 -15
  188. package/lib/icon/code.js +1 -15
  189. package/lib/icon/cog-shape.js +1 -15
  190. package/lib/icon/collapse-left.js +1 -15
  191. package/lib/icon/copy.js +1 -15
  192. package/lib/icon/data-shape.d.ts +4 -0
  193. package/lib/icon/data-shape.js +1 -0
  194. package/lib/icon/del.d.ts +4 -0
  195. package/lib/icon/del.js +1 -0
  196. package/lib/icon/doc-fill.d.ts +4 -0
  197. package/lib/icon/doc-fill.js +1 -0
  198. package/lib/icon/done.js +1 -15
  199. package/lib/icon/down-shape.js +1 -15
  200. package/lib/icon/down-small.js +1 -15
  201. package/lib/icon/edit-line.d.ts +4 -0
  202. package/lib/icon/edit-line.js +1 -0
  203. package/lib/icon/ellipsis.js +1 -15
  204. package/lib/icon/enlarge-line.d.ts +4 -0
  205. package/lib/icon/enlarge-line.js +1 -0
  206. package/lib/icon/error.js +1 -15
  207. package/lib/icon/excel-fill.d.ts +4 -0
  208. package/lib/icon/excel-fill.js +1 -0
  209. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  210. package/lib/icon/exclamation-circle-shape.js +1 -0
  211. package/lib/icon/eye.js +1 -15
  212. package/lib/icon/filliscreen-line.d.ts +4 -0
  213. package/lib/icon/filliscreen-line.js +1 -0
  214. package/lib/icon/folder-open.js +1 -15
  215. package/lib/icon/folder-shape-open.js +1 -15
  216. package/lib/icon/folder-shape.js +1 -15
  217. package/lib/icon/folder.js +1 -15
  218. package/lib/icon/funnel.d.ts +4 -0
  219. package/lib/icon/funnel.js +1 -0
  220. package/lib/icon/help-document-fill.js +1 -15
  221. package/lib/icon/help-fill.js +1 -15
  222. package/lib/icon/help.js +1 -15
  223. package/lib/icon/image-fill.d.ts +4 -0
  224. package/lib/icon/img-error.d.ts +4 -0
  225. package/lib/icon/img-error.js +1 -0
  226. package/lib/icon/img-placehoulder.d.ts +4 -0
  227. package/lib/icon/img-placehoulder.js +1 -0
  228. package/lib/icon/index.d.ts +26 -1
  229. package/lib/icon/index.js +1 -15
  230. package/lib/icon/info-line.js +1 -15
  231. package/lib/icon/info.js +1 -15
  232. package/lib/icon/left-shape.js +1 -15
  233. package/lib/icon/left-turn-line.d.ts +4 -0
  234. package/lib/icon/left-turn-line.js +1 -0
  235. package/lib/icon/narrow-line.d.ts +4 -0
  236. package/lib/icon/narrow-line.js +1 -0
  237. package/lib/icon/original .d.ts +4 -0
  238. package/lib/icon/original .js +1 -0
  239. package/lib/icon/pdf-fill.d.ts +4 -0
  240. package/lib/icon/pdf-fill.js +1 -0
  241. package/lib/icon/play-shape.js +1 -15
  242. package/lib/icon/plus.js +1 -15
  243. package/lib/icon/ppt-fill.d.ts +4 -0
  244. package/lib/icon/ppt-fill.js +1 -0
  245. package/lib/icon/qq.js +1 -15
  246. package/lib/icon/right-shape.js +1 -15
  247. package/lib/icon/right-turn-line.d.ts +4 -0
  248. package/lib/icon/right-turn-line.js +1 -0
  249. package/lib/icon/search.js +1 -15
  250. package/lib/icon/share.js +1 -15
  251. package/lib/icon/spinner.js +1 -15
  252. package/lib/icon/success.js +1 -15
  253. package/lib/icon/switcher-loading.js +1 -15
  254. package/lib/icon/text-file.js +1 -15
  255. package/lib/icon/text-fill.d.ts +4 -0
  256. package/lib/icon/text-fill.js +1 -0
  257. package/lib/icon/tree-application-shape.js +1 -15
  258. package/lib/icon/unfull-screen.d.ts +4 -0
  259. package/lib/icon/unfull-screen.js +1 -0
  260. package/lib/icon/unvisible.js +1 -15
  261. package/lib/icon/up-shape.js +1 -15
  262. package/lib/icon/upload.d.ts +4 -0
  263. package/lib/icon/upload.js +1 -0
  264. package/lib/icon/video-fill.d.ts +4 -0
  265. package/lib/icon/video-fill.js +1 -0
  266. package/lib/icon/warn.js +1 -15
  267. package/lib/icon/weixin.js +1 -15
  268. package/lib/image/image-viewer.css +142 -0
  269. package/lib/image/image-viewer.d.ts +73 -0
  270. package/lib/image/image-viewer.less +168 -0
  271. package/lib/image/image-viewer.variable.css +142 -0
  272. package/lib/image/image.css +37 -0
  273. package/lib/image/image.d.ts +93 -0
  274. package/lib/image/image.less +44 -0
  275. package/lib/image/image.variable.css +37 -0
  276. package/lib/image/index.d.ts +246 -0
  277. package/lib/image/index.js +1 -0
  278. package/lib/image/props.d.ts +71 -0
  279. package/lib/index.d.ts +1 -1
  280. package/lib/index.js +1 -0
  281. package/lib/info-box/index.css +37 -0
  282. package/lib/info-box/index.d.ts +26 -0
  283. package/lib/info-box/index.js +1 -0
  284. package/lib/info-box/index.less +50 -0
  285. package/lib/info-box/index.variable.css +37 -0
  286. package/lib/input/index.d.ts +174 -63
  287. package/lib/input/index.js +1 -15
  288. package/lib/input/input.css +216 -18
  289. package/lib/input/input.d.ts +117 -17
  290. package/lib/input/input.less +157 -17
  291. package/lib/input/input.variable.css +242 -17
  292. package/lib/link/index.d.ts +4 -4
  293. package/lib/link/index.js +1 -1
  294. package/lib/link/link.css +12 -12
  295. package/lib/link/link.d.ts +1 -1
  296. package/lib/link/link.less +16 -14
  297. package/lib/link/link.variable.css +41 -15
  298. package/lib/loading/index.d.ts +108 -14
  299. package/lib/loading/index.js +1 -1
  300. package/lib/loading/loading.css +83 -31
  301. package/lib/loading/loading.d.ts +74 -5
  302. package/lib/loading/loading.less +28 -30
  303. package/lib/loading/loading.variable.css +112 -34
  304. package/lib/menu/index.d.ts +16 -24
  305. package/lib/menu/index.js +1 -1
  306. package/lib/menu/menu.css +51 -0
  307. package/lib/menu/menu.d.ts +7 -16
  308. package/lib/menu/menu.variable.css +80 -3
  309. package/lib/menu/submenu.variable.css +29 -3
  310. package/lib/menu/utils.d.ts +1 -1
  311. package/lib/message/index.js +1 -1
  312. package/lib/message/message.css +24 -3
  313. package/lib/message/message.less +27 -2
  314. package/lib/message/message.variable.css +53 -6
  315. package/lib/message/messageConstructor.d.ts +43 -7
  316. package/lib/modal/index.d.ts +505 -75
  317. package/lib/modal/index.js +1 -1
  318. package/lib/modal/modal.css +63 -1
  319. package/lib/modal/modal.d.ts +193 -29
  320. package/lib/modal/modal.less +36 -1
  321. package/lib/modal/modal.variable.css +63 -1
  322. package/lib/modal/props.mixin.d.ts +82 -13
  323. package/lib/navigation/index.d.ts +310 -1
  324. package/lib/navigation/index.js +1 -1
  325. package/lib/navigation/navigation.css +1 -1
  326. package/lib/navigation/navigation.d.ts +10 -1
  327. package/lib/navigation/navigation.less +1 -1
  328. package/lib/navigation/navigation.variable.css +30 -4
  329. package/lib/notify/index.js +1 -1
  330. package/lib/notify/notify.css +24 -4
  331. package/lib/notify/notify.less +27 -4
  332. package/lib/notify/notify.variable.css +53 -7
  333. package/lib/notify/notifyConstructor.d.ts +50 -6
  334. package/lib/pagination/index.d.ts +35 -20
  335. package/lib/pagination/index.js +1 -1
  336. package/lib/pagination/pagination.css +54 -28
  337. package/lib/pagination/pagination.d.ts +16 -6
  338. package/lib/pagination/pagination.less +58 -31
  339. package/lib/pagination/pagination.variable.css +83 -31
  340. package/lib/pagination/type.d.ts +1 -1
  341. package/lib/plugin-popover/index.d.ts +27 -0
  342. package/lib/plugin-popover/index.js +1 -0
  343. package/lib/plugins/index.d.ts +1 -0
  344. package/lib/plugins/index.js +1 -0
  345. package/lib/popover/index.d.ts +146 -21
  346. package/lib/popover/index.js +1 -1
  347. package/lib/popover/popover.css +3 -0
  348. package/lib/popover/popover.d.ts +67 -8
  349. package/lib/popover/popover.less +2 -0
  350. package/lib/popover/popover.variable.css +32 -3
  351. package/lib/popover/props.d.ts +34 -2
  352. package/lib/popover2/arrow.d.ts +2 -0
  353. package/lib/popover2/const.d.ts +16 -0
  354. package/lib/popover2/content.d.ts +24 -0
  355. package/lib/popover2/index.d.ts +545 -0
  356. package/lib/popover2/index.js +1 -0
  357. package/lib/popover2/plugin-popover.d.ts +12 -0
  358. package/lib/popover2/popover2.css +25 -0
  359. package/lib/popover2/popover2.d.ts +228 -0
  360. package/lib/popover2/popover2.less +35 -0
  361. package/lib/popover2/popover2.variable.css +144 -0
  362. package/lib/popover2/props.d.ts +118 -0
  363. package/lib/popover2/reference.d.ts +2 -0
  364. package/lib/popover2/root.d.ts +16 -0
  365. package/lib/popover2/use-floating.d.ts +31 -0
  366. package/lib/popover2/use-platform.d.ts +30 -0
  367. package/lib/popover2/use-popover-init.d.ts +22 -0
  368. package/lib/popover2/use-popper-id.d.ts +6 -0
  369. package/lib/popover2/utils.d.ts +2 -0
  370. package/lib/preset.js +1 -0
  371. package/lib/process/index.d.ts +9 -9
  372. package/lib/process/index.js +1 -15
  373. package/lib/process/process.css +13 -0
  374. package/lib/process/process.d.ts +2 -2
  375. package/lib/process/process.less +17 -0
  376. package/lib/process/process.variable.css +42 -3
  377. package/lib/progress/index.d.ts +7 -7
  378. package/lib/progress/index.js +1 -1
  379. package/lib/progress/progress.css +51 -0
  380. package/lib/progress/progress.d.ts +2 -2
  381. package/lib/progress/progress.variable.css +80 -3
  382. package/lib/radio/common.d.ts +5 -5
  383. package/lib/radio/index.d.ts +30 -19
  384. package/lib/radio/index.js +1 -1
  385. package/lib/radio/radio-button.d.ts +7 -8
  386. package/lib/radio/radio-group.d.ts +16 -0
  387. package/lib/radio/radio.css +61 -56
  388. package/lib/radio/radio.d.ts +4 -4
  389. package/lib/radio/radio.less +181 -172
  390. package/lib/radio/radio.variable.css +93 -62
  391. package/lib/radio/type.d.ts +10 -5
  392. package/lib/rate/index.d.ts +24 -1
  393. package/lib/rate/index.js +1 -1
  394. package/lib/rate/rate.d.ts +11 -0
  395. package/lib/rate/star.d.ts +1 -1
  396. package/lib/resize-layout/index.d.ts +336 -0
  397. package/lib/resize-layout/index.js +1 -0
  398. package/lib/resize-layout/resize-layout.css +177 -0
  399. package/lib/resize-layout/resize-layout.d.ts +127 -0
  400. package/lib/resize-layout/resize-layout.less +217 -0
  401. package/lib/resize-layout/resize-layout.variable.css +296 -0
  402. package/lib/search-select/index.d.ts +681 -0
  403. package/lib/search-select/index.js +1 -0
  404. package/lib/search-select/input.d.ts +85 -0
  405. package/lib/search-select/menu.d.ts +83 -0
  406. package/lib/search-select/search-select.css +423 -0
  407. package/lib/search-select/search-select.d.ts +273 -0
  408. package/lib/search-select/search-select.less +375 -0
  409. package/lib/search-select/search-select.variable.css +542 -0
  410. package/lib/search-select/selected.d.ts +137 -0
  411. package/lib/search-select/utils.d.ts +79 -0
  412. package/lib/select/common.d.ts +20 -31
  413. package/lib/select/index.d.ts +1419 -451
  414. package/lib/select/index.js +1 -15
  415. package/lib/select/option.d.ts +16 -4
  416. package/lib/select/optionGroup.d.ts +1 -77
  417. package/lib/select/select.css +265 -80
  418. package/lib/select/select.d.ts +552 -126
  419. package/lib/select/select.less +366 -185
  420. package/lib/select/select.variable.css +295 -84
  421. package/lib/select/selectTagInput.d.ts +93 -0
  422. package/lib/select/type.d.ts +39 -0
  423. package/lib/shared/dom.d.ts +3 -0
  424. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +0 -1
  425. package/lib/shared/hooks/use-form-item.d.ts +2 -0
  426. package/lib/shared/hooks/use-form.d.ts +2 -0
  427. package/lib/shared/index.d.ts +17 -4
  428. package/lib/shared/index.js +1 -1
  429. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +6 -2
  430. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +8 -4
  431. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +7 -3
  432. package/lib/shared/token.d.ts +4 -0
  433. package/lib/shared/utils.d.ts +13 -0
  434. package/lib/shared/vue-types.d.ts +5 -1
  435. package/lib/sideslider/index.d.ts +388 -73
  436. package/lib/sideslider/index.js +1 -1
  437. package/lib/sideslider/sideslider.css +55 -10
  438. package/lib/sideslider/sideslider.d.ts +180 -32
  439. package/lib/sideslider/sideslider.less +72 -13
  440. package/lib/sideslider/sideslider.variable.css +84 -13
  441. package/lib/slider/index.d.ts +414 -1
  442. package/lib/slider/index.js +1 -15
  443. package/lib/slider/slider-button.d.ts +5 -0
  444. package/lib/slider/slider.d.ts +14 -2
  445. package/lib/slider/slider.variable.css +29 -3
  446. package/lib/steps/index.d.ts +4 -4
  447. package/lib/steps/index.js +1 -15
  448. package/lib/steps/steps.css +14 -3
  449. package/lib/steps/steps.d.ts +1 -1
  450. package/lib/steps/steps.less +23 -3
  451. package/lib/steps/steps.variable.css +43 -6
  452. package/lib/styles/index.d.ts +12 -0
  453. package/lib/styles/mixins/clearfix.css +8 -0
  454. package/lib/styles/mixins/clearfix.less +10 -0
  455. package/lib/styles/mixins/clearfix.variable.css +8 -0
  456. package/lib/styles/mixins/mixins.css +51 -0
  457. package/lib/styles/mixins/mixins.less +2 -0
  458. package/lib/styles/mixins/mixins.variable.css +51 -0
  459. package/lib/styles/mixins/scroll.css +17 -0
  460. package/lib/styles/mixins/scroll.less +22 -0
  461. package/lib/styles/mixins/scroll.variable.css +136 -0
  462. package/lib/styles/reset.css +36 -0
  463. package/lib/styles/reset.less +26 -0
  464. package/lib/styles/reset.variable.css +36 -0
  465. package/lib/styles/themes/themes.less +38 -3
  466. package/lib/swiper/index.d.ts +181 -0
  467. package/lib/swiper/index.js +1 -0
  468. package/lib/swiper/swiper.css +91 -0
  469. package/lib/swiper/swiper.d.ts +65 -0
  470. package/lib/swiper/swiper.less +107 -0
  471. package/lib/swiper/swiper.variable.css +91 -0
  472. package/lib/switcher/index.d.ts +34 -11
  473. package/lib/switcher/index.js +1 -1
  474. package/lib/switcher/switcher.css +57 -6
  475. package/lib/switcher/switcher.d.ts +15 -4
  476. package/lib/switcher/switcher.less +5 -26
  477. package/lib/switcher/switcher.variable.css +86 -9
  478. package/lib/tab/index.d.ts +107 -219
  479. package/lib/tab/index.js +1 -1
  480. package/lib/tab/props.d.ts +194 -0
  481. package/lib/tab/tab-nav.d.ts +66 -87
  482. package/lib/tab/tab-panel.d.ts +40 -15
  483. package/lib/tab/tab.css +25 -1
  484. package/lib/tab/tab.d.ts +17 -41
  485. package/lib/tab/tab.less +31 -19
  486. package/lib/tab/tab.variable.css +54 -4
  487. package/lib/table/components/index.d.ts +3 -0
  488. package/lib/table/components/table-cell.d.ts +27 -0
  489. package/lib/table/components/table-column.d.ts +142 -0
  490. package/lib/table/components/table-row.d.ts +2 -0
  491. package/lib/table/const.d.ts +103 -1
  492. package/lib/table/index.d.ts +776 -22
  493. package/lib/table/index.js +1 -1
  494. package/lib/table/plugins/body-empty.d.ts +40 -0
  495. package/lib/table/plugins/col-group.d.ts +38 -0
  496. package/lib/table/plugins/common.d.ts +6 -0
  497. package/lib/table/plugins/head-filter.css +71 -0
  498. package/lib/table/plugins/head-filter.d.ts +26 -0
  499. package/lib/table/plugins/head-filter.less +92 -0
  500. package/lib/table/plugins/head-filter.variable.css +190 -0
  501. package/lib/table/plugins/head-sort.css +25 -0
  502. package/lib/table/plugins/head-sort.d.ts +22 -0
  503. package/lib/table/plugins/head-sort.less +31 -0
  504. package/lib/table/plugins/head-sort.variable.css +144 -0
  505. package/lib/table/plugins/index.d.ts +5 -0
  506. package/lib/table/plugins/settings.css +129 -0
  507. package/lib/table/plugins/settings.d.ts +37 -0
  508. package/lib/table/plugins/settings.less +157 -0
  509. package/lib/table/plugins/settings.variable.css +248 -0
  510. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  511. package/lib/table/plugins/use-column-resize.d.ts +15 -0
  512. package/lib/table/plugins/use-fixed-column.d.ts +12 -0
  513. package/lib/table/plugins/use-pagination.d.ts +16 -0
  514. package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
  515. package/lib/table/props.d.ts +280 -5
  516. package/lib/table/render.d.ts +54 -7
  517. package/lib/table/table.css +1134 -16
  518. package/lib/table/table.d.ts +193 -10
  519. package/lib/table/table.less +228 -25
  520. package/lib/table/table.variable.css +1174 -30
  521. package/lib/table/use-column.d.ts +11 -0
  522. package/lib/table/use-common.d.ts +96 -0
  523. package/lib/table/utils.d.ts +65 -9
  524. package/lib/table-column/index.d.ts +336 -0
  525. package/lib/table-column/index.js +1 -0
  526. package/lib/tag/index.d.ts +4 -4
  527. package/lib/tag/index.js +1 -1
  528. package/lib/tag/tag.css +57 -18
  529. package/lib/tag/tag.d.ts +1 -1
  530. package/lib/tag/tag.less +58 -15
  531. package/lib/tag/tag.variable.css +86 -21
  532. package/lib/tag-input/common.d.ts +27 -0
  533. package/lib/tag-input/index.d.ts +1182 -0
  534. package/lib/tag-input/index.js +1 -0
  535. package/lib/tag-input/list-tag-render.d.ts +44 -0
  536. package/lib/tag-input/tag-input.css +209 -0
  537. package/lib/tag-input/tag-input.d.ts +524 -0
  538. package/lib/tag-input/tag-input.less +251 -0
  539. package/lib/tag-input/tag-input.variable.css +328 -0
  540. package/lib/tag-input/tag-props.d.ts +212 -0
  541. package/lib/tag-input/tag-render.d.ts +35 -0
  542. package/lib/time-picker/index.d.ts +904 -0
  543. package/lib/time-picker/index.js +1 -0
  544. package/lib/time-picker/time-picker.css +215 -0
  545. package/lib/time-picker/time-picker.less +260 -0
  546. package/lib/time-picker/time-picker.variable.css +334 -0
  547. package/lib/timeline/index.d.ts +6 -6
  548. package/lib/timeline/index.js +1 -1
  549. package/lib/timeline/timeline.css +5 -5
  550. package/lib/timeline/timeline.d.ts +1 -1
  551. package/lib/timeline/timeline.less +6 -5
  552. package/lib/timeline/timeline.variable.css +34 -8
  553. package/lib/transfer/const.d.ts +5 -0
  554. package/lib/transfer/index.d.ts +339 -1
  555. package/lib/transfer/index.js +1 -1
  556. package/lib/transfer/props.d.ts +54 -0
  557. package/lib/transfer/transfer.css +45 -64
  558. package/lib/transfer/transfer.d.ts +70 -95
  559. package/lib/transfer/transfer.less +54 -81
  560. package/lib/transfer/transfer.variable.css +74 -67
  561. package/lib/tree/constant.d.ts +45 -0
  562. package/lib/tree/index.d.ts +296 -48
  563. package/lib/tree/index.js +1 -1
  564. package/lib/tree/props.d.ts +95 -0
  565. package/lib/tree/tree.css +169 -6
  566. package/lib/tree/tree.d.ts +139 -23
  567. package/lib/tree/tree.less +57 -10
  568. package/lib/tree/tree.variable.css +288 -6
  569. package/lib/tree/use-empty.d.ts +6 -0
  570. package/lib/tree/use-node-action.d.ts +12 -0
  571. package/lib/tree/use-node-async.d.ts +5 -0
  572. package/lib/tree/use-node-attribute.d.ts +33 -0
  573. package/lib/tree/use-node-drag.d.ts +3 -0
  574. package/lib/tree/use-search.d.ts +11 -0
  575. package/lib/tree/use-tree-init.d.ts +15 -0
  576. package/lib/tree/util.d.ts +3 -7
  577. package/lib/upload/index.d.ts +566 -0
  578. package/lib/upload/index.js +1 -0
  579. package/lib/upload/props.d.ts +111 -0
  580. package/lib/upload/upload-list.d.ts +47 -0
  581. package/lib/upload/upload-trigger.d.ts +51 -0
  582. package/lib/upload/upload.css +425 -0
  583. package/lib/upload/upload.d.ts +246 -0
  584. package/lib/upload/upload.less +464 -0
  585. package/lib/upload/upload.type.d.ts +78 -0
  586. package/lib/upload/upload.variable.css +544 -0
  587. package/lib/upload/use-ajax-upload.d.ts +3 -0
  588. package/lib/upload/use-file-handler.d.ts +44 -0
  589. package/lib/virtual-render/index.d.ts +24 -1
  590. package/lib/virtual-render/index.js +1 -1
  591. package/lib/virtual-render/props.d.ts +10 -0
  592. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  593. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  594. package/lib/virtual-render/virtual-render.css +17 -24
  595. package/lib/virtual-render/virtual-render.d.ts +13 -2
  596. package/lib/virtual-render/virtual-render.less +2 -31
  597. package/lib/virtual-render/virtual-render.variable.css +136 -24
  598. package/lib/volar.components.d.ts +101 -0
  599. package/package.json +69 -54
  600. package/README_EN.md +0 -93
  601. package/dist/bkui-vue.cjs.js +0 -13557
  602. package/dist/bkui-vue.esm.js +0 -13506
  603. package/dist/bkui-vue.umd.js +0 -13560
  604. package/lib/form/common.d.ts +0 -3
  605. package/lib/icon/icon.js +0 -15
  606. package/lib/styles/index.js +0 -1
  607. package/lib/use-form.d.ts +0 -3
@@ -1,10 +1,10 @@
1
- import { Column } from './props';
2
1
  declare const _default: import("vue").DefineComponent<{
3
- onRowClick: FunctionConstructor;
4
2
  data: import("vue-types").VueTypeDef<any[]> & {
5
3
  default: () => any[];
6
4
  };
7
- columns: import("vue-types").VueTypeDef<Column[]>;
5
+ columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
6
+ default: () => import("./props").Column[];
7
+ };
8
8
  activeColumn: import("vue-types").VueTypeDef<number | number[]>;
9
9
  columnPick: import("vue-types").VueTypeDef<string> & {
10
10
  default: string;
@@ -15,6 +15,9 @@ declare const _default: import("vue").DefineComponent<{
15
15
  minHeight: import("vue-types").VueTypeDef<string | number> & {
16
16
  default: string | number;
17
17
  };
18
+ maxHeight: import("vue-types").VueTypeDef<string | number> & {
19
+ default: string | number;
20
+ };
18
21
  rowHeight: import("vue-types").VueTypeDef<any> & {
19
22
  default: any;
20
23
  };
@@ -28,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
28
31
  } & {
29
32
  default: boolean;
30
33
  };
34
+ thead: import("vue-types").VueTypeShape<import("./props").Thead>;
31
35
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
32
36
  default: boolean;
33
37
  } & {
@@ -48,12 +52,90 @@ declare const _default: import("vue").DefineComponent<{
48
52
  } & {
49
53
  default: boolean;
50
54
  };
51
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
52
- onRowClick: FunctionConstructor;
55
+ emptyText: import("vue-types").VueTypeValidableDef<string> & {
56
+ default: string;
57
+ } & {
58
+ default: string;
59
+ };
60
+ settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
61
+ default: boolean | (() => import("./props").Settings);
62
+ };
63
+ rowClass: import("vue-types").VueTypeDef<any> & {
64
+ default: any;
65
+ };
66
+ rowStyle: import("vue-types").VueTypeDef<any> & {
67
+ default: any;
68
+ };
69
+ cellStyle: import("vue-types").VueTypeDef<any> & {
70
+ default: any;
71
+ };
72
+ cellClass: import("vue-types").VueTypeDef<any> & {
73
+ default: any;
74
+ };
75
+ scrollLoading: import("vue-types").VueTypeDef<boolean | {
76
+ [key: string]: any;
77
+ }> & {
78
+ default: boolean | (() => {
79
+ [key: string]: any;
80
+ });
81
+ };
82
+ reserveExpand: import("vue-types").VueTypeValidableDef<boolean> & {
83
+ default: boolean;
84
+ } & {
85
+ default: boolean;
86
+ };
87
+ selectionKey: import("vue-types").VueTypeValidableDef<string> & {
88
+ default: string;
89
+ } & {
90
+ default: string;
91
+ };
92
+ isSelectedFn: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
93
+ default: (...args: any[]) => any;
94
+ } & {
95
+ default: (...args: any[]) => any;
96
+ };
97
+ rowKey: import("vue-types").VueTypeDef<any> & {
98
+ default: any;
99
+ };
100
+ showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
101
+ default: boolean | (() => import("./props").IOverflowTooltip);
102
+ };
103
+ asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
104
+ default: boolean;
105
+ } & {
106
+ default: boolean;
107
+ };
108
+ rowHover: import("vue-types").VueTypeDef<import("./const").ROW_HOVER> & {
109
+ default: import("./const").ROW_HOVER;
110
+ };
111
+ defaultSort: import("vue-types").VueTypeShape<import("./props").ISortOption> & {
112
+ default: () => Partial<import("./props").ISortOption>;
113
+ };
114
+ isRowSelectEnable: import("vue-types").VueTypeDef<any> & {
115
+ default: any;
116
+ };
117
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
118
+ columnPick: (..._args: any[]) => boolean;
119
+ columnFilter: (..._args: any[]) => boolean;
120
+ columnSort: (..._args: any[]) => boolean;
121
+ colFilterSave: (..._args: any[]) => boolean;
122
+ rowClick: (..._args: any[]) => boolean;
123
+ rowDblclick: (..._args: any[]) => boolean;
124
+ rowExpand: (..._args: any[]) => boolean;
125
+ select: (..._args: any[]) => boolean;
126
+ selectAll: (..._args: any[]) => boolean;
127
+ selectionChange: (..._args: any[]) => boolean;
128
+ pageLimitChange: (..._args: any[]) => boolean;
129
+ pageValueChange: (..._args: any[]) => boolean;
130
+ settingChange: (..._args: any[]) => boolean;
131
+ scrollBottom: (..._args: any[]) => boolean;
132
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
53
133
  data: import("vue-types").VueTypeDef<any[]> & {
54
134
  default: () => any[];
55
135
  };
56
- columns: import("vue-types").VueTypeDef<Column[]>;
136
+ columns: import("vue-types").VueTypeDef<import("./props").Column[]> & {
137
+ default: () => import("./props").Column[];
138
+ };
57
139
  activeColumn: import("vue-types").VueTypeDef<number | number[]>;
58
140
  columnPick: import("vue-types").VueTypeDef<string> & {
59
141
  default: string;
@@ -64,6 +146,9 @@ declare const _default: import("vue").DefineComponent<{
64
146
  minHeight: import("vue-types").VueTypeDef<string | number> & {
65
147
  default: string | number;
66
148
  };
149
+ maxHeight: import("vue-types").VueTypeDef<string | number> & {
150
+ default: string | number;
151
+ };
67
152
  rowHeight: import("vue-types").VueTypeDef<any> & {
68
153
  default: any;
69
154
  };
@@ -77,6 +162,7 @@ declare const _default: import("vue").DefineComponent<{
77
162
  } & {
78
163
  default: boolean;
79
164
  };
165
+ thead: import("vue-types").VueTypeShape<import("./props").Thead>;
80
166
  virtualEnabled: import("vue-types").VueTypeValidableDef<boolean> & {
81
167
  default: boolean;
82
168
  } & {
@@ -97,19 +183,116 @@ declare const _default: import("vue").DefineComponent<{
97
183
  } & {
98
184
  default: boolean;
99
185
  };
100
- }>>, {
186
+ emptyText: import("vue-types").VueTypeValidableDef<string> & {
187
+ default: string;
188
+ } & {
189
+ default: string;
190
+ };
191
+ settings: import("vue-types").VueTypeDef<boolean | import("./props").Settings> & {
192
+ default: boolean | (() => import("./props").Settings);
193
+ };
194
+ rowClass: import("vue-types").VueTypeDef<any> & {
195
+ default: any;
196
+ };
197
+ rowStyle: import("vue-types").VueTypeDef<any> & {
198
+ default: any;
199
+ };
200
+ cellStyle: import("vue-types").VueTypeDef<any> & {
201
+ default: any;
202
+ };
203
+ cellClass: import("vue-types").VueTypeDef<any> & {
204
+ default: any;
205
+ };
206
+ scrollLoading: import("vue-types").VueTypeDef<boolean | {
207
+ [key: string]: any;
208
+ }> & {
209
+ default: boolean | (() => {
210
+ [key: string]: any;
211
+ });
212
+ };
213
+ reserveExpand: import("vue-types").VueTypeValidableDef<boolean> & {
214
+ default: boolean;
215
+ } & {
216
+ default: boolean;
217
+ };
218
+ selectionKey: import("vue-types").VueTypeValidableDef<string> & {
219
+ default: string;
220
+ } & {
221
+ default: string;
222
+ };
223
+ isSelectedFn: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
224
+ default: (...args: any[]) => any;
225
+ } & {
226
+ default: (...args: any[]) => any;
227
+ };
228
+ rowKey: import("vue-types").VueTypeDef<any> & {
229
+ default: any;
230
+ };
231
+ showOverflowTooltip: import("vue-types").VueTypeDef<boolean | import("./props").IOverflowTooltip> & {
232
+ default: boolean | (() => import("./props").IOverflowTooltip);
233
+ };
234
+ asyncData: import("vue-types").VueTypeValidableDef<boolean> & {
235
+ default: boolean;
236
+ } & {
237
+ default: boolean;
238
+ };
239
+ rowHover: import("vue-types").VueTypeDef<import("./const").ROW_HOVER> & {
240
+ default: import("./const").ROW_HOVER;
241
+ };
242
+ defaultSort: import("vue-types").VueTypeShape<import("./props").ISortOption> & {
243
+ default: () => Partial<import("./props").ISortOption>;
244
+ };
245
+ isRowSelectEnable: import("vue-types").VueTypeDef<any> & {
246
+ default: any;
247
+ };
248
+ }>> & {
249
+ onSelect?: (...args: any[]) => any;
250
+ onColumnPick?: (...args: any[]) => any;
251
+ onColumnSort?: (...args: any[]) => any;
252
+ onColumnFilter?: (...args: any[]) => any;
253
+ onColFilterSave?: (...args: any[]) => any;
254
+ onRowClick?: (...args: any[]) => any;
255
+ onRowDblclick?: (...args: any[]) => any;
256
+ onRowExpand?: (...args: any[]) => any;
257
+ onPageLimitChange?: (...args: any[]) => any;
258
+ onPageValueChange?: (...args: any[]) => any;
259
+ onSettingChange?: (...args: any[]) => any;
260
+ onScrollBottom?: (...args: any[]) => any;
261
+ onSelectAll?: (...args: any[]) => any;
262
+ onSelectionChange?: (...args: any[]) => any;
263
+ }, {
101
264
  data: any[];
102
265
  height: string | number;
266
+ maxHeight: string | number;
103
267
  minHeight: string | number;
104
268
  border: string[];
269
+ columns: import("./props").Column[];
105
270
  headHeight: number;
271
+ pagination: boolean | {
272
+ [key: string]: any;
273
+ };
274
+ scrollLoading: boolean | {
275
+ [key: string]: any;
276
+ };
277
+ showOverflowTooltip: boolean | import("./props").IOverflowTooltip;
106
278
  columnPick: string;
107
279
  rowHeight: any;
108
280
  showHead: boolean;
109
281
  virtualEnabled: boolean;
110
- pagination: boolean | {
111
- [key: string]: any;
112
- };
113
282
  remotePagination: boolean;
283
+ emptyText: string;
284
+ settings: boolean | import("./props").Settings;
285
+ rowClass: any;
286
+ rowStyle: any;
287
+ cellStyle: any;
288
+ cellClass: any;
289
+ reserveExpand: boolean;
290
+ selectionKey: string;
291
+ isSelectedFn: (...args: any[]) => any;
292
+ rowKey: any;
293
+ asyncData: boolean;
294
+ rowHover: import("./const").ROW_HOVER;
295
+ defaultSort: import("./props").ISortOption;
296
+ isRowSelectEnable: any;
114
297
  }>;
115
298
  export default _default;
@@ -1,58 +1,180 @@
1
1
  @import '../styles/themes/themes.less';
2
+ @import '../styles/mixins/scroll.less';
3
+ @import '../virtual-render/virtual-render.less';
4
+ @import '../checkbox/checkbox.less';
5
+ @import '../button/button.less';
6
+ @import '../exception/exception.less';
7
+ @import '../pagination/pagination.less';
8
+ @import '../popover2/popover2.less';
9
+ @import './plugins/head-filter.less';
10
+ @import './plugins/head-sort.less';
11
+ @import './plugins/settings.less';
2
12
 
3
13
  .@{bk-prefix}-table {
14
+ position: relative;
15
+ height: auto;
4
16
  overflow: hidden;
5
- height: 100%;
6
17
  border-top: 1px solid @table-border-color;
7
- border-bottom: 1px solid @table-border-color;
18
+ // border-bottom: 1px solid @table-border-color;
19
+
20
+ &.has-scroll-y {
21
+ .@{bk-prefix}-table-head {
22
+ padding-right: 4px;
23
+ }
24
+ }
25
+
8
26
  .@{bk-prefix}-table-body {
27
+ position: relative;
9
28
  overflow: auto;
29
+
30
+ &::-webkit-scrollbar {
31
+ width: 6px;
32
+ height: 6px;
33
+ }
34
+ }
35
+
36
+ .@{bk-prefix}-fixed-bottom-border {
37
+ position: sticky;
38
+ bottom: 0;
39
+ left: 0;
40
+ width: 100%;
41
+ border-top: 1px solid @table-border-color;
42
+ transform: translateX(var(--scroll-head-left));
43
+
44
+ &._is-empty {
45
+ display: none;
46
+ }
10
47
  }
11
48
 
12
49
  .@{bk-prefix}-table-head,
13
50
  .@{bk-prefix}-table-body {
14
51
  background: @table-bg-color;
15
52
 
53
+ &.__is-empty {
54
+ display: flex;
55
+ height: 100%;
56
+ justify-content: center;
57
+ align-items: center;
58
+
59
+ .@{bk-prefix}-table-body-content {
60
+ display: flex;
61
+ width: 100%;
62
+ height: 100%;
63
+ padding-bottom: 20px;
64
+ }
65
+ }
66
+
16
67
  table {
17
68
  width: 100%;
18
69
  border-collapse: collapse;
19
-
70
+ table-layout: fixed;
71
+ align-self: flex-start;
72
+
20
73
  th,
21
74
  td {
75
+ height: var(--row-height);
22
76
  min-width: 80px;
77
+ clear: both;
78
+
79
+ &.expand-row {
80
+ .expand-btn-action {
81
+ color: #575961;
82
+ }
83
+ }
23
84
 
24
85
  .cell {
25
- height: var(--row-height);
26
86
  padding: 0 15px;
27
87
  overflow: hidden;
28
- line-height: var(--row-height);
88
+ font-size: 12px;
29
89
  color: @table-body-font-color;
30
90
  text-align: left;
31
91
  text-overflow: ellipsis;
32
92
  white-space: nowrap;
93
+
94
+ &.expand-cell {
95
+ padding: 0;
96
+ text-overflow: unset;
97
+ }
98
+ }
99
+
100
+ .expand-btn-action {
101
+ display: flex;
102
+ padding: 0 15px;
103
+ color: #c4c6cc;
104
+ cursor: pointer;
105
+ }
106
+
107
+ &.column_fixed {
108
+ position: sticky;
109
+ background: #fff;
110
+
111
+ &.column_fixed_left {
112
+ left: 0;
113
+ }
114
+
115
+ &.column_fixed_right {
116
+ right: 0;
117
+ }
118
+ }
119
+
120
+ &.row_expend {
121
+ .expand-cell-ctx {
122
+ min-height: 30px;
123
+ }
33
124
  }
34
125
  }
35
126
 
36
127
  thead {
37
128
  th {
38
- position: sticky;
39
- top: 0;
40
- z-index: 1;
129
+ font-weight: 400;
41
130
  color: @table-head-font-color;
42
131
  background-color: @table-head-bg-color;
43
132
 
133
+ .cell {
134
+ display: flex;
135
+ align-items: center;
136
+ height: calc(var(--row-height) - 1px);
137
+ }
138
+
44
139
  &.active,
45
140
  &:hover {
46
- background: #f0f1f5;
141
+ background: @table-row-active-bg-color;
142
+ }
143
+
144
+ &.column_fixed {
145
+ transform: translateX(var(--scroll-left));
47
146
  }
48
147
  }
49
148
  }
50
149
 
51
150
  tbody {
52
151
  tr {
152
+ td {
153
+ &.empty-cell {
154
+ padding-bottom: 30px;
155
+ }
156
+
157
+ &.is-last {
158
+ border-bottom: none;
159
+ }
160
+
161
+ .cell {
162
+ display: block;
163
+ width: 100%;
164
+ height: 100%;
165
+ line-height: calc(var(--row-height) - 1px);
166
+ box-sizing: border-box;
167
+ align-items: center;
168
+ }
169
+ }
170
+
53
171
  &:hover {
54
- td {
55
- background: @table-row-hover-bg-color;
172
+ &.hover-highlight {
173
+ td {
174
+ &:not(.empty-cell) {
175
+ background: @table-row-hover-bg-color;
176
+ }
177
+ }
56
178
  }
57
179
  }
58
180
  }
@@ -60,14 +182,61 @@
60
182
  }
61
183
  }
62
184
 
185
+ .@{bk-prefix}-table-head {
186
+ position: relative;
187
+ transform: translateX(var(--scroll-head-left));
188
+
189
+ .table-head-settings {
190
+ position: absolute;
191
+ top: 0;
192
+ right: 1px;
193
+ bottom: 0px;
194
+ z-index: 1;
195
+ display: block;
196
+ display: flex;
197
+ width: calc(var(--row-height));
198
+ font-size: 14px;
199
+ cursor: pointer;
200
+
201
+ background: @table-head-bg-color;
202
+ border-right: 1px solid @table-border-color;
203
+ border-bottom: 1px solid @table-border-color;
204
+ border-left: 1px solid @table-border-color;
205
+ border-radius: 0px 2px 0px 0px;
206
+ transform: translateX(var(--scroll-left));
207
+ justify-content: center;
208
+ align-items: center;
209
+
210
+ > span {
211
+ display: flex;
212
+ width: 1rem;
213
+ height: 1rem;
214
+ }
215
+ }
216
+ }
217
+
63
218
  .@{bk-prefix}-table-footer {
64
219
  line-height: 40px;
220
+ border-bottom: 1px solid @table-border-color;
221
+
222
+ &.is-hidden {
223
+ display: none;
224
+ }
65
225
  }
66
226
 
67
227
  &.bordered-row {
68
- .cell {
228
+ td,
229
+ th {
69
230
  border-bottom: 1px solid @table-border-color;
70
231
  }
232
+
233
+ tr {
234
+ &:last-child {
235
+ td {
236
+ border-bottom: none;
237
+ }
238
+ }
239
+ }
71
240
  }
72
241
 
73
242
  &.bordered-outer {
@@ -78,14 +247,10 @@
78
247
  &.bordered-col {
79
248
  th,
80
249
  td {
81
- .cell {
82
- border-right: 1px solid @table-border-color;
83
- }
250
+ border-right: 1px solid @table-border-color;
84
251
 
85
252
  &:last-child {
86
- .cell {
87
- border-right: none;
88
- }
253
+ border-right: none;
89
254
  }
90
255
  }
91
256
 
@@ -94,17 +259,55 @@
94
259
  &.bordered-none {
95
260
  th,
96
261
  td {
97
- .cell {
98
- border-top: none;
99
- border-right: none;
100
- border-bottom: none;
101
- border-left: none;
102
- }
262
+ border-top: none;
263
+ border-right: none;
264
+ border-bottom: none;
265
+ border-left: none;
103
266
  }
104
267
  }
105
268
 
106
269
  .@{bk-prefix}-table-fixed {
270
+ position: absolute;
271
+ top: 0;
272
+ right: 0;
273
+ bottom: 0;
274
+ left: 0;
107
275
  width: 100%;
276
+ pointer-events: none;
277
+
278
+ .column_fixed {
279
+ position: absolute;
280
+
281
+ &.column_fixed_left {
282
+ top: 0;
283
+ left: 0;
284
+
285
+ &.shadow {
286
+ box-shadow: 0 0 10px rgb(0 0 0 / 12%);
287
+ }
288
+ }
289
+
290
+ &.column_fixed_right {
291
+ top: 0;
292
+ right: 0;
293
+
294
+ &.shadow {
295
+ box-shadow: 0 0 10px rgb(0 0 0 / 12%);
296
+ }
297
+ }
298
+ }
299
+
300
+ .scroll-loading {
301
+ &._bottom {
302
+ position: absolute;
303
+ right: 0;
304
+ bottom: 0;
305
+ left: 0;
306
+
307
+ display: flex;
308
+ justify-content: center;
309
+ }
310
+ }
108
311
  }
109
312
 
110
313
  colgroup {
@@ -113,7 +316,7 @@
113
316
 
114
317
  &.active {
115
318
  position: relative;
116
- background: #f0f1f5;
319
+ background: @table-row-active-bg-color;
117
320
  }
118
321
  }
119
322
  }