bkui-vue 2.0.1-beta.70 → 2.0.1-beta.70.search.1

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 (451) hide show
  1. package/README.md +0 -15
  2. package/dist/index.cjs.js +167 -167
  3. package/dist/index.esm.js +30199 -31633
  4. package/dist/index.umd.js +167 -167
  5. package/dist/style.css +1 -1
  6. package/dist/style.variable.css +1 -1
  7. package/lib/affix/affix.css +0 -130
  8. package/lib/affix/affix.variable.css +1 -262
  9. package/lib/affix/index.js +7 -7
  10. package/lib/alert/alert.css +3 -133
  11. package/lib/alert/alert.d.ts +12 -5
  12. package/lib/alert/alert.variable.css +1 -262
  13. package/lib/alert/index.d.ts +26 -11
  14. package/lib/alert/index.js +6 -6
  15. package/lib/backtop/backtop.css +3 -133
  16. package/lib/backtop/backtop.d.ts +1 -1
  17. package/lib/backtop/backtop.variable.css +4 -395
  18. package/lib/backtop/index.d.ts +3 -3
  19. package/lib/backtop/index.js +6 -6
  20. package/lib/badge/badge.css +26 -156
  21. package/lib/badge/badge.variable.css +1 -262
  22. package/lib/badge/index.js +1 -1
  23. package/lib/breadcrumb/breadcrumb.css +5 -135
  24. package/lib/breadcrumb/breadcrumb.variable.css +6 -397
  25. package/lib/button/button.css +143 -273
  26. package/lib/button/button.d.ts +7 -7
  27. package/lib/button/button.variable.css +1 -262
  28. package/lib/button/index.d.ts +8 -8
  29. package/lib/button/index.js +7 -6
  30. package/lib/card/card.css +4 -134
  31. package/lib/card/card.variable.css +5 -396
  32. package/lib/cascader/cascader-panel.d.ts +1 -1
  33. package/lib/cascader/cascader.css +26 -156
  34. package/lib/cascader/cascader.d.ts +1 -1
  35. package/lib/cascader/cascader.less +4 -4
  36. package/lib/cascader/cascader.variable.css +27 -418
  37. package/lib/cascader/index.js +42 -43
  38. package/lib/cascader/interface.d.ts +1 -1
  39. package/lib/checkbox/checkbox-group.d.ts +16 -0
  40. package/lib/checkbox/checkbox.css +9 -147
  41. package/lib/checkbox/checkbox.d.ts +7 -39
  42. package/lib/checkbox/checkbox.less +0 -12
  43. package/lib/checkbox/checkbox.variable.css +1 -270
  44. package/lib/checkbox/index.d.ts +22 -57
  45. package/lib/checkbox/index.js +8 -21
  46. package/lib/checkbox/type.d.ts +1 -1
  47. package/lib/code-diff/code-diff.css +0 -130
  48. package/lib/code-diff/code-diff.variable.css +1 -262
  49. package/lib/code-diff/index.js +8 -8
  50. package/lib/collapse/collapse.css +1 -142
  51. package/lib/collapse/collapse.d.ts +0 -11
  52. package/lib/collapse/collapse.less +1 -15
  53. package/lib/collapse/collapse.variable.css +1 -273
  54. package/lib/collapse/index.d.ts +0 -23
  55. package/lib/collapse/index.js +3 -11
  56. package/lib/collapse/props.d.ts +0 -8
  57. package/lib/collapse/utils.d.ts +2 -2
  58. package/lib/collapse-transition/collapse-transition.css +0 -130
  59. package/lib/collapse-transition/collapse-transition.variable.css +1 -262
  60. package/lib/color-picker/color-picker.css +3 -133
  61. package/lib/color-picker/color-picker.d.ts +0 -16
  62. package/lib/color-picker/color-picker.less +3 -3
  63. package/lib/color-picker/color-picker.variable.css +4 -265
  64. package/lib/color-picker/index.d.ts +0 -23
  65. package/lib/color-picker/index.js +46 -53
  66. package/lib/components.d.ts +31 -32
  67. package/lib/components.js +30 -31
  68. package/lib/config-provider/config-provider.css +0 -130
  69. package/lib/config-provider/config-provider.variable.css +1 -262
  70. package/lib/config-provider/index.d.ts +1 -1
  71. package/lib/container/container.css +0 -130
  72. package/lib/container/container.variable.css +1 -392
  73. package/lib/container/index.js +7 -6
  74. package/lib/date-picker/base/date-table.d.ts +1 -1
  75. package/lib/date-picker/base/month-table.d.ts +1 -1
  76. package/lib/date-picker/base/picker-dropdown.d.ts +1 -1
  77. package/lib/date-picker/base/year-table.d.ts +3 -3
  78. package/lib/date-picker/date-picker.css +17 -147
  79. package/lib/date-picker/date-picker.d.ts +10 -0
  80. package/lib/date-picker/date-picker.variable.css +1 -262
  81. package/lib/date-picker/index.d.ts +22 -0
  82. package/lib/date-picker/index.js +234 -346
  83. package/lib/date-picker/interface.d.ts +9 -9
  84. package/lib/date-picker/panel/date-range.d.ts +68 -6
  85. package/lib/date-picker/panel/date.d.ts +1 -1
  86. package/lib/date-picker/panel/time-range.d.ts +10 -1
  87. package/lib/date-picker/panel/time.d.ts +11 -2
  88. package/lib/date-picker/props.d.ts +5 -1
  89. package/lib/date-picker/time-picker.d.ts +9 -0
  90. package/lib/date-picker/utils.d.ts +1 -5
  91. package/lib/dialog/dialog.css +88 -269
  92. package/lib/dialog/dialog.d.ts +152 -74
  93. package/lib/dialog/dialog.less +76 -9
  94. package/lib/dialog/dialog.variable.css +89 -531
  95. package/lib/dialog/index.d.ts +352 -171
  96. package/lib/dialog/index.js +222 -200
  97. package/lib/dialog/props.d.ts +55 -25
  98. package/lib/directives/index.d.ts +3 -3
  99. package/lib/directives/index.js +172 -178
  100. package/lib/directives/tooltips.d.ts +1 -1
  101. package/lib/dist.index.js +4 -2
  102. package/lib/divider/divider.css +3 -133
  103. package/lib/divider/divider.d.ts +5 -5
  104. package/lib/divider/divider.variable.css +1 -262
  105. package/lib/divider/index.d.ts +11 -11
  106. package/lib/divider/index.js +2 -2
  107. package/lib/divider/props.d.ts +2 -2
  108. package/lib/dropdown/dropdown-item.d.ts +1 -1
  109. package/lib/dropdown/dropdown-menu.d.ts +1 -1
  110. package/lib/dropdown/dropdown.css +0 -130
  111. package/lib/dropdown/dropdown.d.ts +5 -5
  112. package/lib/dropdown/dropdown.variable.css +1 -392
  113. package/lib/dropdown/index.d.ts +13 -13
  114. package/lib/dropdown/index.js +7 -7
  115. package/lib/exception/exception.css +0 -130
  116. package/lib/exception/exception.d.ts +9 -9
  117. package/lib/exception/exception.variable.css +1 -262
  118. package/lib/exception/index.d.ts +11 -11
  119. package/lib/exception/index.js +10 -10
  120. package/lib/exception/typings/index.d.ts +1 -1
  121. package/lib/fixed-navbar/fixed-navbar.css +4 -134
  122. package/lib/fixed-navbar/fixed-navbar.variable.css +1 -262
  123. package/lib/fixed-navbar/index.js +2 -2
  124. package/lib/form/form-item.d.ts +18 -6
  125. package/lib/form/form.css +0 -130
  126. package/lib/form/form.d.ts +2 -2
  127. package/lib/form/form.variable.css +1 -262
  128. package/lib/form/index.d.ts +13 -6
  129. package/lib/form/index.js +21 -22
  130. package/lib/form/type.d.ts +2 -2
  131. package/lib/icon/index.d.ts +11 -11
  132. package/lib/icon/index.js +11 -11
  133. package/lib/image/image-viewer.css +0 -130
  134. package/lib/image/image-viewer.d.ts +1 -1
  135. package/lib/image/image-viewer.variable.css +1 -262
  136. package/lib/image/image.css +0 -130
  137. package/lib/image/image.variable.css +1 -392
  138. package/lib/image/index.js +21 -20
  139. package/lib/index.d.ts +3 -9
  140. package/lib/index.js +29 -5
  141. package/lib/info-box/index.d.ts +2 -2
  142. package/lib/info-box/index.js +173 -326
  143. package/lib/info-box/info-box.css +7 -193
  144. package/lib/info-box/info-box.d.ts +23 -25
  145. package/lib/info-box/info-box.less +14 -76
  146. package/lib/info-box/info-box.variable.css +8 -325
  147. package/lib/input/index.d.ts +15 -15
  148. package/lib/input/index.js +517 -65
  149. package/lib/input/input.css +73 -225
  150. package/lib/input/input.d.ts +15 -15
  151. package/lib/input/input.less +1 -30
  152. package/lib/input/input.variable.css +74 -487
  153. package/lib/link/index.d.ts +11 -11
  154. package/lib/link/index.js +3 -3
  155. package/lib/link/link.css +16 -146
  156. package/lib/link/link.d.ts +5 -5
  157. package/lib/link/link.variable.css +1 -262
  158. package/lib/loading/index.d.ts +4 -4
  159. package/lib/loading/index.js +6 -6
  160. package/lib/loading/loading.css +16 -146
  161. package/lib/loading/loading.d.ts +6 -6
  162. package/lib/loading/loading.variable.css +17 -408
  163. package/lib/locale/index.d.ts +1 -1
  164. package/lib/menu/index.js +1 -0
  165. package/lib/menu/menu.css +18 -148
  166. package/lib/menu/menu.variable.css +19 -410
  167. package/lib/menu/submenu.css +0 -130
  168. package/lib/menu/submenu.variable.css +1 -262
  169. package/lib/menu/utils.d.ts +3 -3
  170. package/lib/message/index.js +18 -18
  171. package/lib/message/message.css +22 -153
  172. package/lib/message/message.less +2 -3
  173. package/lib/message/message.variable.css +2 -264
  174. package/lib/message/messageConstructor.d.ts +11 -11
  175. package/lib/modal/hooks.d.ts +1 -1
  176. package/lib/modal/index.d.ts +343 -68
  177. package/lib/modal/index.js +696 -265
  178. package/lib/modal/modal.css +32 -261
  179. package/lib/modal/modal.d.ts +131 -26
  180. package/lib/modal/modal.less +29 -83
  181. package/lib/modal/modal.variable.css +33 -523
  182. package/lib/modal/props.mixin.d.ts +51 -10
  183. package/lib/navigation/index.js +20 -20
  184. package/lib/navigation/navigation.css +2 -132
  185. package/lib/navigation/navigation.d.ts +1 -1
  186. package/lib/navigation/navigation.variable.css +1 -262
  187. package/lib/notify/index.js +4 -4
  188. package/lib/notify/notify.css +7 -137
  189. package/lib/notify/notify.variable.css +1 -262
  190. package/lib/overflow-title/components/overflow-title.d.ts +16 -9
  191. package/lib/overflow-title/index.d.ts +34 -19
  192. package/lib/overflow-title/index.js +64 -107
  193. package/lib/overflow-title/props.d.ts +21 -18
  194. package/lib/pagination/index.d.ts +19 -0
  195. package/lib/pagination/index.js +23 -61
  196. package/lib/pagination/pagination.css +9 -139
  197. package/lib/pagination/pagination.d.ts +13 -0
  198. package/lib/pagination/pagination.less +13 -14
  199. package/lib/pagination/pagination.variable.css +9 -270
  200. package/lib/pagination/type.d.ts +1 -1
  201. package/lib/pagination/use-limit.d.ts +1 -1
  202. package/lib/pagination/use-total.d.ts +1 -1
  203. package/lib/plugin-popover/index.js +21 -20
  204. package/lib/pop-confirm/index.d.ts +43 -11
  205. package/lib/pop-confirm/index.js +28 -27
  206. package/lib/pop-confirm/pop-confirm.css +1 -133
  207. package/lib/pop-confirm/pop-confirm.d.ts +19 -5
  208. package/lib/pop-confirm/pop-confirm.less +1 -3
  209. package/lib/pop-confirm/pop-confirm.variable.css +2 -265
  210. package/lib/pop-confirm/props.d.ts +11 -5
  211. package/lib/popover/const.d.ts +3 -3
  212. package/lib/popover/index.d.ts +19 -19
  213. package/lib/popover/index.js +21 -20
  214. package/lib/popover/plugin-popover.d.ts +1 -1
  215. package/lib/popover/popover.css +0 -130
  216. package/lib/popover/popover.d.ts +7 -7
  217. package/lib/popover/popover.variable.css +1 -262
  218. package/lib/popover/props.d.ts +4 -4
  219. package/lib/preset.d.ts +1 -0
  220. package/lib/preset.js +1 -0
  221. package/lib/process/index.js +3 -3
  222. package/lib/process/process.css +13 -143
  223. package/lib/process/process.variable.css +1 -262
  224. package/lib/progress/index.d.ts +11 -11
  225. package/lib/progress/index.js +11 -10
  226. package/lib/progress/progress.css +4 -134
  227. package/lib/progress/progress.d.ts +7 -7
  228. package/lib/progress/progress.variable.css +5 -396
  229. package/lib/radio/index.d.ts +0 -29
  230. package/lib/radio/index.js +26 -55
  231. package/lib/radio/radio-button.d.ts +0 -10
  232. package/lib/radio/radio-group.d.ts +0 -10
  233. package/lib/radio/radio.css +42 -172
  234. package/lib/radio/radio.d.ts +0 -10
  235. package/lib/radio/radio.variable.css +1 -262
  236. package/lib/radio/type.d.ts +1 -1
  237. package/lib/rate/index.js +8 -8
  238. package/lib/rate/rate.css +0 -157
  239. package/lib/rate/rate.less +0 -33
  240. package/lib/rate/rate.variable.css +1 -289
  241. package/lib/rate/star.css +27 -0
  242. package/lib/rate/star.less +34 -0
  243. package/lib/{styles/themes/themes.variable.css → rate/star.variable.css} +28 -2
  244. package/lib/resize-layout/index.d.ts +11 -34
  245. package/lib/resize-layout/index.js +14 -33
  246. package/lib/resize-layout/resize-layout.css +0 -130
  247. package/lib/resize-layout/resize-layout.d.ts +5 -16
  248. package/lib/resize-layout/resize-layout.variable.css +1 -262
  249. package/lib/search-select/index.d.ts +18 -48
  250. package/lib/search-select/index.js +171 -120
  251. package/lib/search-select/input.d.ts +1 -10
  252. package/lib/search-select/menu.d.ts +0 -12
  253. package/lib/search-select/search-select.css +34 -163
  254. package/lib/search-select/search-select.d.ts +4 -18
  255. package/lib/search-select/search-select.less +1 -1
  256. package/lib/search-select/search-select.variable.css +35 -425
  257. package/lib/search-select/selected.d.ts +0 -23
  258. package/lib/select/common.d.ts +4 -4
  259. package/lib/select/index.d.ts +74 -107
  260. package/lib/select/index.js +183 -262
  261. package/lib/select/option.d.ts +6 -5
  262. package/lib/select/select.css +45 -176
  263. package/lib/select/select.d.ts +27 -40
  264. package/lib/select/select.less +6 -8
  265. package/lib/select/select.variable.css +46 -438
  266. package/lib/select/selectTagInput.d.ts +6 -7
  267. package/lib/select/type.d.ts +11 -10
  268. package/lib/shared/index.d.ts +2 -2
  269. package/lib/shared/index.js +89 -108
  270. package/lib/shared/mask.d.ts +11 -0
  271. package/lib/shared/popover.d.ts +3 -3
  272. package/lib/shared/token.d.ts +1 -1
  273. package/lib/shared/vue-types.d.ts +46 -46
  274. package/lib/shared/z-index-manager.d.ts +6 -6
  275. package/lib/sideslider/index.d.ts +217 -75
  276. package/lib/sideslider/index.js +42 -68
  277. package/lib/sideslider/sideslider.css +92 -152
  278. package/lib/sideslider/sideslider.d.ts +103 -35
  279. package/lib/sideslider/sideslider.less +112 -31
  280. package/lib/sideslider/sideslider.variable.css +92 -283
  281. package/lib/slider/index.d.ts +0 -19
  282. package/lib/slider/index.js +26 -64
  283. package/lib/slider/slider.css +4 -148
  284. package/lib/slider/slider.d.ts +0 -9
  285. package/lib/slider/slider.less +0 -15
  286. package/lib/slider/slider.variable.css +1 -276
  287. package/lib/steps/index.d.ts +29 -14
  288. package/lib/steps/index.js +4 -3
  289. package/lib/steps/steps.css +38 -168
  290. package/lib/steps/steps.d.ts +18 -8
  291. package/lib/steps/steps.variable.css +1 -262
  292. package/lib/styles/index.d.ts +1 -1
  293. package/lib/styles/mixins/animate.css +0 -130
  294. package/lib/styles/mixins/animate.variable.css +1 -262
  295. package/lib/styles/mixins/mixins.css +0 -130
  296. package/lib/styles/mixins/mixins.variable.css +0 -130
  297. package/lib/styles/mixins/popper.css +0 -130
  298. package/lib/styles/mixins/popper.variable.css +1 -262
  299. package/lib/styles/mixins/scroll.css +0 -130
  300. package/lib/styles/mixins/scroll.variable.css +1 -262
  301. package/lib/styles/reset.css +0 -130
  302. package/lib/styles/reset.variable.css +1 -262
  303. package/lib/styles/themes/themes.less +129 -299
  304. package/lib/swiper/index.js +5 -5
  305. package/lib/swiper/swiper.css +0 -130
  306. package/lib/swiper/swiper.variable.css +1 -262
  307. package/lib/switcher/index.js +2 -2
  308. package/lib/switcher/switcher.css +17 -147
  309. package/lib/switcher/switcher.d.ts +2 -2
  310. package/lib/switcher/switcher.variable.css +18 -409
  311. package/lib/tab/index.d.ts +114 -44
  312. package/lib/tab/index.js +38 -47
  313. package/lib/tab/props.d.ts +50 -25
  314. package/lib/tab/tab-nav.d.ts +57 -24
  315. package/lib/tab/tab-panel.d.ts +0 -22
  316. package/lib/tab/tab.css +17 -211
  317. package/lib/tab/tab.d.ts +54 -10
  318. package/lib/tab/tab.less +4 -91
  319. package/lib/tab/tab.variable.css +1 -326
  320. package/lib/table/components/table-cell.d.ts +2 -25
  321. package/lib/table/components/table-column.d.ts +239 -20
  322. package/lib/table/const.d.ts +13 -26
  323. package/lib/table/events.d.ts +112 -16
  324. package/lib/table/index.d.ts +738 -135
  325. package/lib/table/index.js +5781 -23555
  326. package/lib/table/plugins/col-group.d.ts +38 -0
  327. package/lib/table/plugins/head-filter.css +4 -139
  328. package/lib/table/plugins/head-filter.d.ts +1 -2
  329. package/lib/table/plugins/head-filter.less +3 -7
  330. package/lib/table/plugins/head-filter.variable.css +5 -271
  331. package/lib/table/plugins/head-sort.css +0 -130
  332. package/lib/table/plugins/head-sort.variable.css +1 -262
  333. package/lib/table/plugins/settings.css +0 -131
  334. package/lib/table/plugins/settings.d.ts +16 -0
  335. package/lib/table/plugins/settings.less +0 -1
  336. package/lib/table/plugins/settings.variable.css +1 -263
  337. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  338. package/lib/table/plugins/use-column-resize.d.ts +35 -0
  339. package/lib/table/{hooks → plugins}/use-draggable.d.ts +2 -2
  340. package/lib/table/plugins/use-fixed-column.d.ts +27 -0
  341. package/lib/table/plugins/use-head-cell.d.ts +7 -0
  342. package/lib/table/plugins/use-pagination.d.ts +21 -0
  343. package/lib/table/props.d.ts +64 -135
  344. package/lib/table/table.css +303 -638
  345. package/lib/table/table.d.ts +185 -62
  346. package/lib/table/table.less +148 -266
  347. package/lib/table/table.variable.css +312 -908
  348. package/lib/table/use-attributes.d.ts +61 -0
  349. package/lib/table/use-column.d.ts +276 -0
  350. package/lib/table/use-common.d.ts +1679 -0
  351. package/lib/table/use-render.d.ts +11 -0
  352. package/lib/table/utils.d.ts +21 -49
  353. package/lib/table-column/index.d.ts +579 -30
  354. package/lib/table-column/index.js +317 -17398
  355. package/lib/tag/index.d.ts +11 -11
  356. package/lib/tag/index.js +3 -2
  357. package/lib/tag/tag.css +6 -136
  358. package/lib/tag/tag.d.ts +5 -5
  359. package/lib/tag/tag.less +1 -1
  360. package/lib/tag/tag.variable.css +2 -263
  361. package/lib/tag-input/common.d.ts +1 -1
  362. package/lib/tag-input/index.d.ts +8 -8
  363. package/lib/tag-input/index.js +33 -37
  364. package/lib/tag-input/tag-input.css +18 -148
  365. package/lib/tag-input/tag-input.d.ts +4 -4
  366. package/lib/tag-input/tag-input.variable.css +1 -262
  367. package/lib/tag-input/tag-props.d.ts +2 -2
  368. package/lib/time-picker/index.d.ts +19 -0
  369. package/lib/time-picker/time-picker.css +0 -130
  370. package/lib/time-picker/time-picker.variable.css +1 -262
  371. package/lib/timeline/index.js +2 -2
  372. package/lib/timeline/timeline.css +19 -149
  373. package/lib/timeline/timeline.variable.css +1 -262
  374. package/lib/transfer/const.d.ts +2 -2
  375. package/lib/transfer/index.js +19 -19
  376. package/lib/transfer/transfer.css +28 -158
  377. package/lib/transfer/transfer.less +3 -3
  378. package/lib/transfer/transfer.variable.css +10 -271
  379. package/lib/tree/constant.d.ts +20 -24
  380. package/lib/tree/index.d.ts +24 -82
  381. package/lib/tree/index.js +90 -17660
  382. package/lib/tree/props.d.ts +10 -35
  383. package/lib/tree/tree.css +18 -256
  384. package/lib/tree/tree.d.ts +8 -34
  385. package/lib/tree/tree.less +1 -1
  386. package/lib/tree/tree.variable.css +19 -518
  387. package/lib/tree/use-empty.d.ts +1 -1
  388. package/lib/tree/use-node-action.d.ts +9 -10
  389. package/lib/tree/use-node-async.d.ts +1 -2
  390. package/lib/tree/use-node-attribute.d.ts +30 -47
  391. package/lib/tree/use-search.d.ts +1 -1
  392. package/lib/tree/use-tree-init.d.ts +5 -8
  393. package/lib/tree/util.d.ts +21 -21
  394. package/lib/upload/index.d.ts +4 -27
  395. package/lib/upload/index.js +51 -102
  396. package/lib/upload/props.d.ts +2 -7
  397. package/lib/upload/upload.css +27 -157
  398. package/lib/upload/upload.d.ts +2 -13
  399. package/lib/upload/upload.type.d.ts +7 -13
  400. package/lib/upload/upload.variable.css +28 -419
  401. package/lib/upload/use-file-handler.d.ts +1 -1
  402. package/lib/virtual-render/index.d.ts +46 -39
  403. package/lib/virtual-render/index.js +130 -17665
  404. package/lib/virtual-render/props.d.ts +9 -18
  405. package/lib/virtual-render/use-fix-top.d.ts +8 -3
  406. package/lib/virtual-render/v-virtual-render.d.ts +2 -9
  407. package/lib/virtual-render/virtual-render.css +9 -239
  408. package/lib/virtual-render/virtual-render.d.ts +22 -19
  409. package/lib/virtual-render/virtual-render.less +10 -1
  410. package/lib/virtual-render/virtual-render.variable.css +10 -501
  411. package/lib/volar.components.d.ts +0 -2
  412. package/package.json +55 -17
  413. package/lib/info-box/render-component.d.ts +0 -4
  414. package/lib/modal/mask.d.ts +0 -6
  415. package/lib/scrollbar/css/scrollbar.css +0 -239
  416. package/lib/scrollbar/css/scrollbar.less +0 -139
  417. package/lib/scrollbar/css/scrollbar.variable.css +0 -499
  418. package/lib/scrollbar/handlers/click-rail.d.ts +0 -2
  419. package/lib/scrollbar/handlers/drag-thumb.d.ts +0 -1
  420. package/lib/scrollbar/handlers/keyboard.d.ts +0 -2
  421. package/lib/scrollbar/handlers/mouse-wheel.d.ts +0 -2
  422. package/lib/scrollbar/handlers/touch.d.ts +0 -4
  423. package/lib/scrollbar/helper/class-names.d.ts +0 -21
  424. package/lib/scrollbar/helper/css.d.ts +0 -3
  425. package/lib/scrollbar/helper/dom.d.ts +0 -4
  426. package/lib/scrollbar/helper/event-manager.d.ts +0 -20
  427. package/lib/scrollbar/helper/util.d.ts +0 -11
  428. package/lib/scrollbar/index.d.ts +0 -135
  429. package/lib/scrollbar/index.js +0 -1661
  430. package/lib/scrollbar/process-scroll-diff.d.ts +0 -1
  431. package/lib/scrollbar/update-geometry.d.ts +0 -8
  432. package/lib/shared/frame-throttle.d.ts +0 -15
  433. package/lib/styles/themes/themes.css +0 -130
  434. package/lib/table/components/ghost-body.d.ts +0 -2
  435. package/lib/table/hooks/use-cell.d.ts +0 -20
  436. package/lib/table/hooks/use-column-resize.d.ts +0 -7
  437. package/lib/table/hooks/use-column-template.d.ts +0 -5
  438. package/lib/table/hooks/use-columns.d.ts +0 -69
  439. package/lib/table/hooks/use-fixed-column.d.ts +0 -10
  440. package/lib/table/hooks/use-head.d.ts +0 -16
  441. package/lib/table/hooks/use-layout.d.ts +0 -25
  442. package/lib/table/hooks/use-pagination.d.ts +0 -16
  443. package/lib/table/hooks/use-render.d.ts +0 -21
  444. package/lib/table/hooks/use-rows.d.ts +0 -30
  445. package/lib/table/hooks/use-settings.d.ts +0 -136
  446. package/lib/table/hooks/use-shift-key.d.ts +0 -15
  447. package/lib/tree/use-intersection-observer.d.ts +0 -27
  448. package/lib/virtual-render/use-scrollbar.d.ts +0 -11
  449. /package/lib/table/{components → plugins}/body-empty.d.ts +0 -0
  450. /package/lib/table/{hooks → plugins}/use-observer-resize.d.ts +0 -0
  451. /package/lib/table/{hooks → plugins}/use-scroll-loading.d.ts +0 -0
package/lib/menu/menu.variable.css CHANGED
@@ -1,263 +1,3 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: var(--popover-max-height);
4
- --primary-color: var(--primary-color);
5
- --success-color: var(--success-color);
6
- --warning-color: var(--warning-color);
7
- --danger-color: var(--danger-color);
8
- --default-color: var(--default-color);
9
- --gray-color: var(--gray-color);
10
- --light-gray: var(--light-gray);
11
- --white-color: var(--white-color);
12
- --whitesmoke-color: var(--whitesmoke-color);
13
- --disable-color: var(--disable-color);
14
- --disable-bg-color: var(--disable-bg-color);
15
- --border-color: var(--border-color);
16
- --font-size-base: var(--font-size-base);
17
- --font-size-medium: var(--font-size-medium);
18
- --font-size-large: var(--font-size-large);
19
- --line-height-base: var(--line-height-base);
20
- --line-height-medium: var(--line-height-medium);
21
- --line-height-large: var(--line-height-large);
22
- --component-size-small: var(--component-size-small);
23
- --component-size-base: var(--component-size-base);
24
- --component-size-large: var(--component-size-large);
25
- --component-size-small-padding: var(--component-size-small-padding);
26
- --component-size-base-padding: var(--component-size-base-padding);
27
- --component-size-large-padding: var(--component-size-large-padding);
28
- --border-width-base: var(--border-width-base);
29
- --border-style-base: var(--border-style-base);
30
- --border-radius-base: var(--border-radius-base);
31
- --border-style-color: var(--border-style-color);
32
- --input-disabled-bg: var(--input-disabled-bg);
33
- --input-disabled-border: var(--input-disabled-border);
34
- --input-height-base: var(--input-height-base);
35
- --input-color: var(--input-color);
36
- --input-bg: var(--input-bg);
37
- --input-border-color: var(--input-border-color);
38
- --input-broder-radius: var(--input-broder-radius);
39
- --input-shadow-color: var(--input-shadow-color);
40
- --input-horizontal-padding: var(--input-horizontal-padding);
41
- --input-block-color: var(--input-block-color);
42
- --input-block-hover-color: var(--input-block-hover-color);
43
- --input-icon-size: var(--input-icon-size);
44
- --input-maxlength-color: var(--input-maxlength-color);
45
- --button-primary-hover-color: var(--button-primary-hover-color);
46
- --button-danger-hover-color: var(--button-danger-hover-color);
47
- --button-success-hover-color: var(--button-success-hover-color);
48
- --button-warning-hover-color: var(--button-warning-hover-color);
49
- --button-default-hover-border-color: var(--button-default-hover-border-color);
50
- --button-primary-active-color: var(--button-primary-active-color);
51
- --button-danger-active-color: var(--button-danger-active-color);
52
- --button-success-active-color: var(--button-success-active-color);
53
- --button-warning-active-color: var(--button-warning-active-color);
54
- --button-selected-bg-color: var(--button-selected-bg-color);
55
- --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
56
- --radio-font-color: var(--radio-font-color);
57
- --radio-active-color: var(--radio-active-color);
58
- --radio-hover-border-color: var(--radio-hover-border-color);
59
- --radio-disabled-border: var(--radio-disabled-border);
60
- --radio-disabled-font-color: var(--radio-disabled-font-color);
61
- --radio-disabled-checked-bg: var(--radio-disabled-checked-bg);
62
- --radio-button-checked-bg: var(--radio-button-checked-bg);
63
- --radio-button-disabled-checked-bg: var(--radio-button-disabled-checked-bg);
64
- --checkbox-disabled-checked-bg: var(--checkbox-disabled-checked-bg);
65
- --fixed-navbar-background: var(--fixed-navbar-background);
66
- --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
67
- --switch-default-color: var(--switch-default-color);
68
- --switch-grey-color: var(--switch-grey-color);
69
- --breadcrumb-black-color: var(--breadcrumb-black-color);
70
- --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
71
- --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
72
- --link-default-hover-color: var(--link-default-hover-color);
73
- --link-primary-hover-color: var(--link-primary-hover-color);
74
- --link-success-hover-color: var(--link-success-hover-color);
75
- --link-warning-hover-color: var(--link-warning-hover-color);
76
- --link-danger-hover-color: var(--link-danger-hover-color);
77
- --link-default-disabled-color: var(--link-default-disabled-color);
78
- --link-primary-disabled-color: var(--link-primary-disabled-color);
79
- --link-success-disabled-color: var(--link-success-disabled-color);
80
- --link-warning-disabled-color: var(--link-warning-disabled-color);
81
- --link-danger-disabled-color: var(--link-danger-disabled-color);
82
- --message-color: var(--message-color);
83
- --message-primary-bg-color: var(--message-primary-bg-color);
84
- --message-primary-border-color: var(--message-primary-border-color);
85
- --message-primary-shadow-color: var(--message-primary-shadow-color);
86
- --message-warning-bg-color: var(--message-warning-bg-color);
87
- --message-warning-border-color: var(--message-warning-border-color);
88
- --message-warning-shadow-color: var(--message-warning-shadow-color);
89
- --message-success-bg-color: var(--message-success-bg-color);
90
- --message-success-border-color: var(--message-success-border-color);
91
- --message-success-shadow-color: var(--message-success-shadow-color);
92
- --message-danger-bg-color: var(--message-danger-bg-color);
93
- --message-danger-border-color: var(--message-danger-border-color);
94
- --message-danger-shadow-color: var(--message-danger-shadow-color);
95
- --slider-default-bg: var(--slider-default-bg);
96
- --slider-disable-bar-bg: var(--slider-disable-bar-bg);
97
- --menu-bg-color: var(--menu-bg-color);
98
- --submenu-bg-color: var(--submenu-bg-color);
99
- --menu-active-bg-color: var(--menu-active-bg-color);
100
- --menu-color: var(--menu-color);
101
- --menu-group-color: var(--menu-group-color);
102
- --menu-width: var(--menu-width);
103
- --menu-collapse-width: var(--menu-collapse-width);
104
- --menu-active-color: var(--menu-active-color);
105
- --nav-header-bg-color: var(--nav-header-bg-color);
106
- --nav-bg-color: var(--nav-bg-color);
107
- --date-picker-disabled-bg: var(--date-picker-disabled-bg);
108
- --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
109
- --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
110
- --table-bg-color: var(--table-bg-color);
111
- --table-border-color: var(--table-border-color);
112
- --table-strip-color: var(--table-strip-color);
113
- --table-head-bg-color: var(--table-head-bg-color);
114
- --table-head-font-color: var(--table-head-font-color);
115
- --table-body-font-color: var(--table-body-font-color);
116
- --table-row-hover-bg-color: var(--table-row-hover-bg-color);
117
- --table-row-active-bg-color: var(--table-row-active-bg-color);
118
- --cascader-panel-border-color: var(--cascader-panel-border-color);
119
- --cascader-panel-hover: var(--cascader-panel-hover);
120
- --cascader-panel-active: var(--cascader-panel-active);
121
- --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
122
- --search-select-focus-border-color: var(--search-select-focus-border-color);
123
- --search-select-focus-color: var(--search-select-focus-color);
124
- --search-select-font-color: var(--search-select-font-color);
125
- --search-select-placeholder-color: var(--search-select-placeholder-color);
126
- --search-select-message-color: var(--search-select-message-color);
127
- --search-select-menu-border-color: var(--search-select-menu-border-color);
128
- --select-active-color: var(--select-active-color);
129
- --select-hover-color: var(--select-hover-color);
130
- }
131
- :root :root {
132
- --bk-prefix: bk;
133
- --popover-max-height: 216px;
134
- --primary-color: #3a84ff;
135
- --success-color: #2dcb56;
136
- --warning-color: #ff9c01;
137
- --danger-color: #ea3636;
138
- --default-color: #63656e;
139
- --gray-color: #979ba5;
140
- --light-gray: #c4c6cc;
141
- --white-color: white;
142
- --whitesmoke-color: #fafbfd;
143
- --disable-color: #dcdee5;
144
- --disable-bg-color: #f9fafd;
145
- --border-color: #dcdee5;
146
- --font-size-base: 12px;
147
- --font-size-medium: 14px;
148
- --font-size-large: 16px;
149
- --line-height-base: 16px;
150
- --line-height-medium: 16px;
151
- --line-height-large: 18px;
152
- --component-size-small: 26px;
153
- --component-size-base: 32px;
154
- --component-size-large: 40px;
155
- --component-size-small-padding: 0 12px;
156
- --component-size-base-padding: 0 14px;
157
- --component-size-large-padding: 0 16px;
158
- --border-width-base: 1px;
159
- --border-style-base: solid;
160
- --border-radius-base: 2px;
161
- --border-style-color: var(--light-gray);
162
- --input-disabled-bg: #fafbfd;
163
- --input-disabled-border: var(--disable-color);
164
- --input-height-base: var(--component-size-base);
165
- --input-color: var(--default-color);
166
- --input-bg: white;
167
- --input-border-color: var(--light-gray);
168
- --input-broder-radius: 3px;
169
- --input-shadow-color: #a3c5fd;
170
- --input-horizontal-padding: 8px;
171
- --input-block-color: #f5f7fa;
172
- --input-block-hover-color: #eaebf0;
173
- --input-icon-size: var(--font-size-medium);
174
- --input-maxlength-color: #979ba5;
175
- --button-primary-hover-color: #5594fa;
176
- --button-danger-hover-color: #ff5656;
177
- --button-success-hover-color: #45e35f;
178
- --button-warning-hover-color: #ffb848;
179
- --button-default-hover-border-color: #979ba5;
180
- --button-primary-active-color: #2c77f4;
181
- --button-danger-active-color: #db2626;
182
- --button-success-active-color: #1ab943;
183
- --button-warning-active-color: #eb9000;
184
- --button-selected-bg-color: #e1ecff;
185
- --button-disabled-selected-bg-color: #f0f1f5;
186
- --radio-font-color: #63656e;
187
- --radio-active-color: #3a84ff;
188
- --radio-hover-border-color: #979ba5;
189
- --radio-disabled-border: #dcdee5;
190
- --radio-disabled-font-color: #c4c6cc;
191
- --radio-disabled-checked-bg: #a3c5fd;
192
- --radio-button-checked-bg: #e1ecff;
193
- --radio-button-disabled-checked-bg: #fafbfd;
194
- --checkbox-disabled-checked-bg: #a3c5fd;
195
- --fixed-navbar-background: #fff;
196
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
197
- --switch-default-color: #fff;
198
- --switch-grey-color: #c4c6cc;
199
- --breadcrumb-black-color: #979ba5;
200
- --breadcrumb-primary-hover-color: #0082ff;
201
- --breadcrumb-fn-main-color: #63656e;
202
- --link-default-hover-color: #979ba5;
203
- --link-primary-hover-color: #699df4;
204
- --link-success-hover-color: #45e35f;
205
- --link-warning-hover-color: #ffb848;
206
- --link-danger-hover-color: #ff5656;
207
- --link-default-disabled-color: #dcdee5;
208
- --link-primary-disabled-color: #a3c5fd;
209
- --link-success-disabled-color: #94f5a4;
210
- --link-warning-disabled-color: #ffd695;
211
- --link-danger-disabled-color: #fd9c9c;
212
- --message-color: var(--default-color);
213
- --message-primary-bg-color: #f0f8ff;
214
- --message-primary-border-color: #e1ecff;
215
- --message-primary-shadow-color: #e1e8f4;
216
- --message-warning-bg-color: #fff4e2;
217
- --message-warning-border-color: #ffe8c3;
218
- --message-warning-shadow-color: #ede6db;
219
- --message-success-bg-color: #f2fff4;
220
- --message-success-border-color: #dcffe2;
221
- --message-success-shadow-color: #cef0d7;
222
- --message-danger-bg-color: #ffeded;
223
- --message-danger-border-color: #ffdddd;
224
- --message-danger-shadow-color: #f6dada;
225
- --slider-default-bg: #dcdee5;
226
- --slider-disable-bar-bg: #979ba5;
227
- --menu-bg-color: #182132;
228
- --submenu-bg-color: #151d2c;
229
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
230
- --menu-color: #96a2b9;
231
- --menu-group-color: var(--default-color);
232
- --menu-width: 260px;
233
- --menu-collapse-width: 60px;
234
- --menu-active-color: white;
235
- --nav-header-bg-color: #182132;
236
- --nav-bg-color: #182132;
237
- --date-picker-disabled-bg: #fafbfd;
238
- --date-picker-dropdown-mb: 4px;
239
- --date-picker-dropdown-bg: #fff;
240
- --table-bg-color: var(--white-color);
241
- --table-border-color: #dcdee5;
242
- --table-strip-color: #fafbfd;
243
- --table-head-bg-color: #fafbfd;
244
- --table-head-font-color: #313238;
245
- --table-body-font-color: #63656e;
246
- --table-row-hover-bg-color: #f5f7fa;
247
- --table-row-active-bg-color: #f0f1f5;
248
- --cascader-panel-border-color: #dcdee5;
249
- --cascader-panel-hover: #f5f7fa;
250
- --cascader-panel-active: #e1ecff;
251
- --cascader-panel-disabled-bg: #fff;
252
- --search-select-focus-border-color: var(--primary-color);
253
- --search-select-focus-color: #3c96ff;
254
- --search-select-font-color: var(--default-color);
255
- --search-select-placeholder-color: var(--light-gray);
256
- --search-select-message-color: var(--danger-color);
257
- --search-select-menu-border-color: var(--disable-color);
258
- --select-active-color: #e1ecff;
259
- --select-hover-color: #f5f7fa;
260
- }
261
1
  :root {
262
2
  --bk-prefix: bk;
263
3
  --popover-max-height: 216px;
@@ -369,140 +109,9 @@
369
109
  --date-picker-dropdown-bg: #fff;
370
110
  --table-bg-color: var(--white-color);
371
111
  --table-border-color: #dcdee5;
372
- --table-strip-color: #fafbfd;
373
112
  --table-head-bg-color: #fafbfd;
374
113
  --table-head-font-color: #313238;
375
- --table-body-font-color: #63656e;
376
- --table-row-hover-bg-color: #f5f7fa;
377
- --table-row-active-bg-color: #f0f1f5;
378
- --cascader-panel-border-color: #dcdee5;
379
- --cascader-panel-hover: #f5f7fa;
380
- --cascader-panel-active: #e1ecff;
381
- --cascader-panel-disabled-bg: #fff;
382
- --search-select-focus-border-color: var(--primary-color);
383
- --search-select-focus-color: #3c96ff;
384
- --search-select-font-color: var(--default-color);
385
- --search-select-placeholder-color: var(--light-gray);
386
- --search-select-message-color: var(--danger-color);
387
- --search-select-menu-border-color: var(--disable-color);
388
- --select-active-color: #e1ecff;
389
- --select-hover-color: #f5f7fa;
390
- }
391
- :root {
392
- --bk-prefix: bk;
393
- --popover-max-height: 216px;
394
- --primary-color: #3a84ff;
395
- --success-color: #2dcb56;
396
- --warning-color: #ff9c01;
397
- --danger-color: #ea3636;
398
- --default-color: #63656e;
399
- --gray-color: #979ba5;
400
- --light-gray: #c4c6cc;
401
- --white-color: white;
402
- --whitesmoke-color: #fafbfd;
403
- --disable-color: #dcdee5;
404
- --disable-bg-color: #f9fafd;
405
- --border-color: #dcdee5;
406
- --font-size-base: 12px;
407
- --font-size-medium: 14px;
408
- --font-size-large: 16px;
409
- --line-height-base: 16px;
410
- --line-height-medium: 16px;
411
- --line-height-large: 18px;
412
- --component-size-small: 26px;
413
- --component-size-base: 32px;
414
- --component-size-large: 40px;
415
- --component-size-small-padding: 0 12px;
416
- --component-size-base-padding: 0 14px;
417
- --component-size-large-padding: 0 16px;
418
- --border-width-base: 1px;
419
- --border-style-base: solid;
420
- --border-radius-base: 2px;
421
- --border-style-color: var(--light-gray);
422
- --input-disabled-bg: #fafbfd;
423
- --input-disabled-border: var(--disable-color);
424
- --input-height-base: var(--component-size-base);
425
- --input-color: var(--default-color);
426
- --input-bg: white;
427
- --input-border-color: var(--light-gray);
428
- --input-broder-radius: 3px;
429
- --input-shadow-color: #a3c5fd;
430
- --input-horizontal-padding: 8px;
431
- --input-block-color: #f5f7fa;
432
- --input-block-hover-color: #eaebf0;
433
- --input-icon-size: var(--font-size-medium);
434
- --input-maxlength-color: #979ba5;
435
- --button-primary-hover-color: #5594fa;
436
- --button-danger-hover-color: #ff5656;
437
- --button-success-hover-color: #45e35f;
438
- --button-warning-hover-color: #ffb848;
439
- --button-default-hover-border-color: #979ba5;
440
- --button-primary-active-color: #2c77f4;
441
- --button-danger-active-color: #db2626;
442
- --button-success-active-color: #1ab943;
443
- --button-warning-active-color: #eb9000;
444
- --button-selected-bg-color: #e1ecff;
445
- --button-disabled-selected-bg-color: #f0f1f5;
446
- --radio-font-color: #63656e;
447
- --radio-active-color: #3a84ff;
448
- --radio-hover-border-color: #979ba5;
449
- --radio-disabled-border: #dcdee5;
450
- --radio-disabled-font-color: #c4c6cc;
451
- --radio-disabled-checked-bg: #a3c5fd;
452
- --radio-button-checked-bg: #e1ecff;
453
- --radio-button-disabled-checked-bg: #fafbfd;
454
- --checkbox-disabled-checked-bg: #a3c5fd;
455
- --fixed-navbar-background: #fff;
456
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
457
- --switch-default-color: #fff;
458
- --switch-grey-color: #c4c6cc;
459
- --breadcrumb-black-color: #979ba5;
460
- --breadcrumb-primary-hover-color: #0082ff;
461
- --breadcrumb-fn-main-color: #63656e;
462
- --link-default-hover-color: #979ba5;
463
- --link-primary-hover-color: #699df4;
464
- --link-success-hover-color: #45e35f;
465
- --link-warning-hover-color: #ffb848;
466
- --link-danger-hover-color: #ff5656;
467
- --link-default-disabled-color: #dcdee5;
468
- --link-primary-disabled-color: #a3c5fd;
469
- --link-success-disabled-color: #94f5a4;
470
- --link-warning-disabled-color: #ffd695;
471
- --link-danger-disabled-color: #fd9c9c;
472
- --message-color: var(--default-color);
473
- --message-primary-bg-color: #f0f8ff;
474
- --message-primary-border-color: #e1ecff;
475
- --message-primary-shadow-color: #e1e8f4;
476
- --message-warning-bg-color: #fff4e2;
477
- --message-warning-border-color: #ffe8c3;
478
- --message-warning-shadow-color: #ede6db;
479
- --message-success-bg-color: #f2fff4;
480
- --message-success-border-color: #dcffe2;
481
- --message-success-shadow-color: #cef0d7;
482
- --message-danger-bg-color: #ffeded;
483
- --message-danger-border-color: #ffdddd;
484
- --message-danger-shadow-color: #f6dada;
485
- --slider-default-bg: #dcdee5;
486
- --slider-disable-bar-bg: #979ba5;
487
- --menu-bg-color: #182132;
488
- --submenu-bg-color: #151d2c;
489
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
490
- --menu-color: #96a2b9;
491
- --menu-group-color: var(--default-color);
492
- --menu-width: 260px;
493
- --menu-collapse-width: 60px;
494
- --menu-active-color: white;
495
- --nav-header-bg-color: #182132;
496
- --nav-bg-color: #182132;
497
- --date-picker-disabled-bg: #fafbfd;
498
- --date-picker-dropdown-mb: 4px;
499
- --date-picker-dropdown-bg: #fff;
500
- --table-bg-color: var(--white-color);
501
- --table-border-color: #dcdee5;
502
- --table-strip-color: #fafbfd;
503
- --table-head-bg-color: #fafbfd;
504
- --table-head-font-color: #313238;
505
- --table-body-font-color: #63656e;
114
+ --table-body-font-color: #63656E;
506
115
  --table-row-hover-bg-color: #f5f7fa;
507
116
  --table-row-active-bg-color: #f0f1f5;
508
117
  --cascader-panel-border-color: #dcdee5;
@@ -591,20 +200,20 @@
591
200
  left: -4px;
592
201
  }
593
202
  .collapse {
594
- width: var(--menu-collapse-width);
203
+ width: 60px;
595
204
  }
596
205
  .open {
597
- background: var(--submenu-bg-color);
206
+ background: #151d2c;
598
207
  }
599
208
  .bk-menu {
600
209
  display: flex;
601
- width: var(--menu-width);
602
- background-color: var(--menu-bg-color);
210
+ width: 260px;
211
+ background-color: #182132;
603
212
  flex-direction: column;
604
213
  transition: width 0.3s ease-out;
605
214
  }
606
215
  .bk-menu.is-collapse {
607
- width: var(--menu-collapse-width);
216
+ width: 60px;
608
217
  }
609
218
  .bk-menu-submenu {
610
219
  display: flex;
@@ -616,10 +225,10 @@
616
225
  transition: width 0.3s ease-out;
617
226
  }
618
227
  .bk-menu-submenu.is-opened {
619
- background: var(--submenu-bg-color);
228
+ background: #151d2c;
620
229
  }
621
230
  .bk-menu-submenu:hover {
622
- color: var(--menu-active-color);
231
+ color: white;
623
232
  cursor: pointer;
624
233
  }
625
234
  .bk-menu-submenu .submenu-header {
@@ -629,14 +238,14 @@
629
238
  align-items: center;
630
239
  }
631
240
  .bk-menu-submenu .submenu-header.is-collapse {
632
- color: var(--menu-active-color);
633
- background: var(--menu-active-bg-color);
241
+ color: white;
242
+ background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
634
243
  }
635
244
  .bk-menu-submenu .submenu-header-icon {
636
245
  display: flex;
637
246
  height: 100%;
638
247
  font-size: 18px;
639
- flex: 0 0 var(--menu-collapse-width);
248
+ flex: 0 0 60px;
640
249
  align-items: center;
641
250
  justify-content: center;
642
251
  }
@@ -689,25 +298,25 @@
689
298
  margin: 2px 0;
690
299
  overflow: hidden;
691
300
  font-size: 14px;
692
- color: var(--menu-color);
301
+ color: #96a2b9;
693
302
  text-overflow: clip;
694
303
  white-space: nowrap;
695
304
  align-items: center;
696
305
  transition: width 0.3s ease-in-out;
697
306
  }
698
307
  .bk-menu-item:hover {
699
- color: var(--menu-active-color);
308
+ color: white;
700
309
  cursor: pointer;
701
310
  }
702
311
  .bk-menu-item.is-active {
703
- color: var(--menu-active-color);
704
- background: var(--menu-active-bg-color);
312
+ color: white;
313
+ background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
705
314
  }
706
315
  .bk-menu-item .item-icon {
707
316
  display: flex;
708
317
  height: 100%;
709
318
  font-size: 18px;
710
- flex: 0 0 var(--menu-collapse-width);
319
+ flex: 0 0 60px;
711
320
  align-items: center;
712
321
  justify-content: center;
713
322
  }
@@ -715,8 +324,8 @@
715
324
  display: inline-block;
716
325
  width: 3px;
717
326
  height: 3px;
718
- background: var(--menu-group-color);
719
- background-color: var(--menu-active-color);
327
+ background: #63656e;
328
+ background-color: white;
720
329
  border-radius: 50%;
721
330
  }
722
331
  .bk-menu-item .item-content {
@@ -736,7 +345,7 @@
736
345
  overflow: hidden;
737
346
  font-size: 12px;
738
347
  line-height: 16px;
739
- color: var(--menu-group-color);
348
+ color: #63656e;
740
349
  text-overflow: clip;
741
350
  white-space: nowrap;
742
351
  flex-wrap: nowrap;
package/lib/menu/submenu.css CHANGED
@@ -1,133 +1,3 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: 216px;
4
- --primary-color: #3a84ff;
5
- --success-color: #2dcb56;
6
- --warning-color: #ff9c01;
7
- --danger-color: #ea3636;
8
- --default-color: #63656e;
9
- --gray-color: #979ba5;
10
- --light-gray: #c4c6cc;
11
- --white-color: white;
12
- --whitesmoke-color: #fafbfd;
13
- --disable-color: #dcdee5;
14
- --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
- --font-size-base: 12px;
17
- --font-size-medium: 14px;
18
- --font-size-large: 16px;
19
- --line-height-base: 16px;
20
- --line-height-medium: 16px;
21
- --line-height-large: 18px;
22
- --component-size-small: 26px;
23
- --component-size-base: 32px;
24
- --component-size-large: 40px;
25
- --component-size-small-padding: 0 12px;
26
- --component-size-base-padding: 0 14px;
27
- --component-size-large-padding: 0 16px;
28
- --border-width-base: 1px;
29
- --border-style-base: solid;
30
- --border-radius-base: 2px;
31
- --border-style-color: var(--light-gray);
32
- --input-disabled-bg: #fafbfd;
33
- --input-disabled-border: var(--disable-color);
34
- --input-height-base: var(--component-size-base);
35
- --input-color: var(--default-color);
36
- --input-bg: white;
37
- --input-border-color: var(--light-gray);
38
- --input-broder-radius: 3px;
39
- --input-shadow-color: #a3c5fd;
40
- --input-horizontal-padding: 8px;
41
- --input-block-color: #f5f7fa;
42
- --input-block-hover-color: #eaebf0;
43
- --input-icon-size: var(--font-size-medium);
44
- --input-maxlength-color: #979ba5;
45
- --button-primary-hover-color: #5594fa;
46
- --button-danger-hover-color: #ff5656;
47
- --button-success-hover-color: #45e35f;
48
- --button-warning-hover-color: #ffb848;
49
- --button-default-hover-border-color: #979ba5;
50
- --button-primary-active-color: #2c77f4;
51
- --button-danger-active-color: #db2626;
52
- --button-success-active-color: #1ab943;
53
- --button-warning-active-color: #eb9000;
54
- --button-selected-bg-color: #e1ecff;
55
- --button-disabled-selected-bg-color: #f0f1f5;
56
- --radio-font-color: #63656e;
57
- --radio-active-color: #3a84ff;
58
- --radio-hover-border-color: #979ba5;
59
- --radio-disabled-border: #dcdee5;
60
- --radio-disabled-font-color: #c4c6cc;
61
- --radio-disabled-checked-bg: #a3c5fd;
62
- --radio-button-checked-bg: #e1ecff;
63
- --radio-button-disabled-checked-bg: #fafbfd;
64
- --checkbox-disabled-checked-bg: #a3c5fd;
65
- --fixed-navbar-background: #fff;
66
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
67
- --switch-default-color: #fff;
68
- --switch-grey-color: #c4c6cc;
69
- --breadcrumb-black-color: #979ba5;
70
- --breadcrumb-primary-hover-color: #0082ff;
71
- --breadcrumb-fn-main-color: #63656e;
72
- --link-default-hover-color: #979ba5;
73
- --link-primary-hover-color: #699df4;
74
- --link-success-hover-color: #45e35f;
75
- --link-warning-hover-color: #ffb848;
76
- --link-danger-hover-color: #ff5656;
77
- --link-default-disabled-color: #dcdee5;
78
- --link-primary-disabled-color: #a3c5fd;
79
- --link-success-disabled-color: #94f5a4;
80
- --link-warning-disabled-color: #ffd695;
81
- --link-danger-disabled-color: #fd9c9c;
82
- --message-color: var(--default-color);
83
- --message-primary-bg-color: #f0f8ff;
84
- --message-primary-border-color: #e1ecff;
85
- --message-primary-shadow-color: #e1e8f4;
86
- --message-warning-bg-color: #fff4e2;
87
- --message-warning-border-color: #ffe8c3;
88
- --message-warning-shadow-color: #ede6db;
89
- --message-success-bg-color: #f2fff4;
90
- --message-success-border-color: #dcffe2;
91
- --message-success-shadow-color: #cef0d7;
92
- --message-danger-bg-color: #ffeded;
93
- --message-danger-border-color: #ffdddd;
94
- --message-danger-shadow-color: #f6dada;
95
- --slider-default-bg: #dcdee5;
96
- --slider-disable-bar-bg: #979ba5;
97
- --menu-bg-color: #182132;
98
- --submenu-bg-color: #151d2c;
99
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
100
- --menu-color: #96a2b9;
101
- --menu-group-color: var(--default-color);
102
- --menu-width: 260px;
103
- --menu-collapse-width: 60px;
104
- --menu-active-color: white;
105
- --nav-header-bg-color: #182132;
106
- --nav-bg-color: #182132;
107
- --date-picker-disabled-bg: #fafbfd;
108
- --date-picker-dropdown-mb: 4px;
109
- --date-picker-dropdown-bg: #fff;
110
- --table-bg-color: var(--white-color);
111
- --table-border-color: #dcdee5;
112
- --table-strip-color: #fafbfd;
113
- --table-head-bg-color: #fafbfd;
114
- --table-head-font-color: #313238;
115
- --table-body-font-color: #63656e;
116
- --table-row-hover-bg-color: #f5f7fa;
117
- --table-row-active-bg-color: #f0f1f5;
118
- --cascader-panel-border-color: #dcdee5;
119
- --cascader-panel-hover: #f5f7fa;
120
- --cascader-panel-active: #e1ecff;
121
- --cascader-panel-disabled-bg: #fff;
122
- --search-select-focus-border-color: var(--primary-color);
123
- --search-select-focus-color: #3c96ff;
124
- --search-select-font-color: var(--default-color);
125
- --search-select-placeholder-color: var(--light-gray);
126
- --search-select-message-color: var(--danger-color);
127
- --search-select-menu-border-color: var(--disable-color);
128
- --select-active-color: #e1ecff;
129
- --select-hover-color: #f5f7fa;
130
- }
131
1
  .bk-menu {
132
2
  display: block;
133
3
  }