bkui-vue 0.0.2-beta.1 → 0.0.2-beta.100

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 (533) hide show
  1. package/dist/index.cjs.js +143 -161
  2. package/dist/index.esm.js +19198 -21160
  3. package/dist/index.umd.js +143 -161
  4. package/dist/locale/en.esm.js +1 -1
  5. package/dist/locale/en.esm.js.map +1 -1
  6. package/dist/locale/en.umd.js +1 -1
  7. package/dist/locale/en.umd.js.map +1 -1
  8. package/dist/locale/zh-cn.esm.js +1 -1
  9. package/dist/locale/zh-cn.esm.js.map +1 -1
  10. package/dist/locale/zh-cn.umd.js +1 -1
  11. package/dist/locale/zh-cn.umd.js.map +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/style.variable.css +1 -1
  14. package/lib/affix/affix.css +122 -0
  15. package/lib/affix/affix.d.ts +1 -1
  16. package/lib/affix/affix.variable.css +245 -1
  17. package/lib/affix/index.d.ts +4 -4
  18. package/lib/affix/index.js +321 -1
  19. package/lib/alert/alert.css +133 -3
  20. package/lib/alert/alert.d.ts +5 -5
  21. package/lib/alert/alert.less +129 -119
  22. package/lib/alert/alert.variable.css +253 -1
  23. package/lib/alert/index.d.ts +10 -10
  24. package/lib/alert/index.js +214 -1
  25. package/lib/animate-number/index.d.ts +1 -1
  26. package/lib/animate-number/index.js +155 -1
  27. package/lib/backtop/backtop.css +133 -11
  28. package/lib/backtop/backtop.less +3 -1
  29. package/lib/backtop/backtop.variable.css +375 -9
  30. package/lib/backtop/index.d.ts +1 -1
  31. package/lib/backtop/index.js +188 -1
  32. package/lib/badge/badge.css +148 -26
  33. package/lib/badge/badge.d.ts +3 -2
  34. package/lib/badge/badge.variable.css +245 -1
  35. package/lib/badge/index.d.ts +10 -7
  36. package/lib/badge/index.js +235 -1
  37. package/lib/breadcrumb/breadcrumb-item.d.ts +1 -1
  38. package/lib/breadcrumb/breadcrumb.css +131 -9
  39. package/lib/breadcrumb/breadcrumb.d.ts +1 -1
  40. package/lib/breadcrumb/breadcrumb.variable.css +376 -10
  41. package/lib/breadcrumb/index.d.ts +6 -6
  42. package/lib/breadcrumb/index.js +309 -1
  43. package/lib/button/button-group.d.ts +2 -2
  44. package/lib/button/button.css +257 -115
  45. package/lib/button/button.less +105 -94
  46. package/lib/button/button.variable.css +265 -1
  47. package/lib/button/index.d.ts +4 -4
  48. package/lib/button/index.js +321 -1
  49. package/lib/card/card.css +130 -8
  50. package/lib/card/card.d.ts +1 -1
  51. package/lib/card/card.variable.css +375 -9
  52. package/lib/card/index.d.ts +4 -4
  53. package/lib/card/index.js +285 -1
  54. package/lib/cascader/cascader-panel.d.ts +1 -0
  55. package/lib/cascader/cascader.css +149 -27
  56. package/lib/cascader/cascader.d.ts +2 -12
  57. package/lib/cascader/cascader.less +4 -4
  58. package/lib/cascader/cascader.variable.css +394 -28
  59. package/lib/cascader/index.d.ts +9 -20
  60. package/lib/cascader/index.js +2036 -2
  61. package/lib/cascader/interface.d.ts +1 -1
  62. package/lib/checkbox/checkbox-group.d.ts +8 -3
  63. package/lib/checkbox/checkbox.css +131 -9
  64. package/lib/checkbox/checkbox.d.ts +14 -12
  65. package/lib/checkbox/checkbox.variable.css +245 -1
  66. package/lib/checkbox/index.d.ts +42 -31
  67. package/lib/checkbox/index.js +545 -1
  68. package/lib/code-diff/code-diff.css +122 -0
  69. package/lib/code-diff/code-diff.variable.css +245 -1
  70. package/lib/code-diff/index.d.ts +1 -1
  71. package/lib/code-diff/index.js +5501 -1
  72. package/lib/collapse/collapse.css +123 -1
  73. package/lib/collapse/collapse.variable.css +245 -1
  74. package/lib/collapse/index.d.ts +2 -2
  75. package/lib/collapse/index.js +570 -1
  76. package/lib/collapse-transition/collapse-transition.css +122 -0
  77. package/lib/collapse-transition/collapse-transition.d.ts +1 -0
  78. package/lib/collapse-transition/collapse-transition.variable.css +245 -1
  79. package/lib/collapse-transition/index.d.ts +128 -2
  80. package/lib/collapse-transition/index.js +177 -1
  81. package/lib/color-picker/color-picker.css +122 -0
  82. package/lib/color-picker/color-picker.d.ts +17 -1
  83. package/lib/color-picker/color-picker.variable.css +245 -1
  84. package/lib/color-picker/components/recommend-colors.d.ts +16 -0
  85. package/lib/color-picker/index.d.ts +22 -4
  86. package/lib/color-picker/index.js +2665 -1
  87. package/lib/components.d.ts +1 -1
  88. package/lib/components.js +530 -1
  89. package/lib/config-provider/config-provider.css +122 -0
  90. package/lib/config-provider/config-provider.d.ts +3 -0
  91. package/lib/config-provider/config-provider.variable.css +245 -1
  92. package/lib/config-provider/index.d.ts +5 -1
  93. package/lib/config-provider/index.js +365 -1
  94. package/lib/config-provider/token.d.ts +1 -0
  95. package/lib/config-provider/use-global-config.d.ts +2 -0
  96. package/lib/config-provider/use-prefix.d.ts +2 -0
  97. package/lib/container/container.css +126 -4
  98. package/lib/container/container.variable.css +371 -5
  99. package/lib/container/index.d.ts +2 -2
  100. package/lib/container/index.js +391 -1
  101. package/lib/date-picker/base/confirm.d.ts +1 -0
  102. package/lib/date-picker/base/date-table.d.ts +1 -0
  103. package/lib/date-picker/base/month-table.d.ts +1 -0
  104. package/lib/date-picker/base/picker-dropdown.d.ts +1 -0
  105. package/lib/date-picker/base/time-spinner.d.ts +2 -1
  106. package/lib/date-picker/base/year-table.d.ts +1 -0
  107. package/lib/date-picker/date-picker.css +139 -17
  108. package/lib/date-picker/date-picker.d.ts +6 -3
  109. package/lib/date-picker/date-picker.variable.css +245 -1
  110. package/lib/date-picker/index.d.ts +21 -11
  111. package/lib/date-picker/index.js +5555 -1
  112. package/lib/date-picker/panel/date-range.d.ts +3 -1
  113. package/lib/date-picker/panel/date.d.ts +1 -0
  114. package/lib/date-picker/panel/time-range.d.ts +3 -2
  115. package/lib/date-picker/panel/time.d.ts +3 -2
  116. package/lib/date-picker/time-picker.d.ts +4 -3
  117. package/lib/dialog/dialog.css +133 -9
  118. package/lib/dialog/dialog.d.ts +4 -3
  119. package/lib/dialog/dialog.variable.css +378 -10
  120. package/lib/dialog/index.d.ts +11 -8
  121. package/lib/dialog/index.js +975 -2
  122. package/lib/dialog/props.d.ts +1 -1
  123. package/lib/directives/index.js +1385 -2
  124. package/lib/directives/tooltips.d.ts +3 -2
  125. package/lib/dist.index.js +87 -1
  126. package/lib/divider/divider.css +125 -3
  127. package/lib/divider/divider.less +3 -4
  128. package/lib/divider/divider.variable.css +245 -1
  129. package/lib/divider/index.d.ts +1 -1
  130. package/lib/divider/index.js +169 -1
  131. package/lib/dropdown/dropdown.css +123 -0
  132. package/lib/dropdown/dropdown.d.ts +1 -1
  133. package/lib/dropdown/dropdown.variable.css +368 -1
  134. package/lib/dropdown/index.d.ts +7 -7
  135. package/lib/dropdown/index.js +369 -1
  136. package/lib/exception/exception.css +122 -0
  137. package/lib/exception/exception.variable.css +245 -1
  138. package/lib/exception/index.d.ts +2 -2
  139. package/lib/exception/index.js +385 -1
  140. package/lib/fixed-navbar/fixed-navbar.css +126 -4
  141. package/lib/fixed-navbar/fixed-navbar.variable.css +245 -1
  142. package/lib/fixed-navbar/index.d.ts +1 -1
  143. package/lib/fixed-navbar/index.js +154 -1
  144. package/lib/form/form.css +122 -0
  145. package/lib/form/form.variable.css +245 -1
  146. package/lib/form/index.d.ts +3 -3
  147. package/lib/form/index.js +952 -1
  148. package/lib/hooks.d.ts +1 -1
  149. package/lib/hooks.js +73 -1
  150. package/lib/icon/angle-double-down-line.js +191 -1
  151. package/lib/icon/angle-double-left-line.js +191 -1
  152. package/lib/icon/angle-double-left.js +191 -1
  153. package/lib/icon/angle-double-right-line.js +191 -1
  154. package/lib/icon/angle-double-right.js +191 -1
  155. package/lib/icon/angle-double-up-line.js +191 -1
  156. package/lib/icon/angle-down-fill.js +191 -1
  157. package/lib/icon/angle-down-line.js +191 -1
  158. package/lib/icon/angle-down.js +191 -1
  159. package/lib/icon/angle-left.js +191 -1
  160. package/lib/icon/angle-right.js +191 -1
  161. package/lib/icon/angle-up-fill.js +191 -1
  162. package/lib/icon/angle-up.js +191 -1
  163. package/lib/icon/archive-fill.js +191 -1
  164. package/lib/icon/arrows-left.js +191 -1
  165. package/lib/icon/arrows-right.js +191 -1
  166. package/lib/icon/assistant.d.ts +4 -0
  167. package/lib/icon/assistant.js +191 -0
  168. package/lib/icon/audio-fill.js +191 -1
  169. package/lib/icon/bk.js +191 -1
  170. package/lib/icon/circle.js +191 -1
  171. package/lib/icon/close-line.js +191 -1
  172. package/lib/icon/close.js +191 -1
  173. package/lib/icon/code.js +191 -1
  174. package/lib/icon/cog-shape.js +191 -1
  175. package/lib/icon/collapse-left.js +191 -1
  176. package/lib/icon/copy-shape.js +191 -1
  177. package/lib/icon/copy.js +191 -1
  178. package/lib/icon/data-shape.js +191 -1
  179. package/lib/icon/del.js +191 -1
  180. package/lib/icon/doc-fill.js +191 -1
  181. package/lib/icon/done.js +191 -1
  182. package/lib/icon/down-shape.js +191 -1
  183. package/lib/icon/down-small.js +191 -1
  184. package/lib/icon/edit-line.js +191 -1
  185. package/lib/icon/ellipsis.js +191 -1
  186. package/lib/icon/enlarge-line.js +191 -1
  187. package/lib/icon/error.js +191 -1
  188. package/lib/icon/excel-fill.js +191 -1
  189. package/lib/icon/exclamation-circle-shape.js +191 -1
  190. package/lib/icon/eye.js +191 -1
  191. package/lib/icon/filliscreen-line.js +191 -1
  192. package/lib/icon/fix-line.js +191 -1
  193. package/lib/icon/fix-shape.js +191 -1
  194. package/lib/icon/folder-open.js +191 -1
  195. package/lib/icon/folder-shape-open.js +191 -1
  196. package/lib/icon/folder-shape.js +191 -1
  197. package/lib/icon/folder.js +191 -1
  198. package/lib/icon/funnel.js +191 -1
  199. package/lib/icon/help-document-fill.js +191 -1
  200. package/lib/icon/help-fill.js +191 -1
  201. package/lib/icon/help.js +191 -1
  202. package/lib/icon/image-fill.js +276 -1
  203. package/lib/icon/img-error.js +276 -1
  204. package/lib/icon/img-placehoulder.js +276 -1
  205. package/lib/icon/index.d.ts +1 -0
  206. package/lib/icon/index.js +2399 -1
  207. package/lib/icon/info-line.js +276 -1
  208. package/lib/icon/info.js +276 -1
  209. package/lib/icon/left-shape.js +276 -1
  210. package/lib/icon/left-turn-line.js +276 -1
  211. package/lib/icon/narrow-line.js +276 -1
  212. package/lib/icon/original.js +276 -1
  213. package/lib/icon/pdf-fill.js +276 -1
  214. package/lib/icon/play-shape.js +276 -1
  215. package/lib/icon/plus.js +276 -1
  216. package/lib/icon/ppt-fill.js +276 -1
  217. package/lib/icon/qq.js +276 -1
  218. package/lib/icon/right-shape.js +276 -1
  219. package/lib/icon/right-turn-line.js +276 -1
  220. package/lib/icon/search.js +276 -1
  221. package/lib/icon/share.js +276 -1
  222. package/lib/icon/spinner.js +276 -1
  223. package/lib/icon/success.js +276 -1
  224. package/lib/icon/switcher-loading.js +276 -1
  225. package/lib/icon/text-file.js +276 -1
  226. package/lib/icon/text-fill.js +276 -1
  227. package/lib/icon/transfer.js +276 -1
  228. package/lib/icon/tree-application-shape.js +276 -1
  229. package/lib/icon/unfull-screen.js +276 -1
  230. package/lib/icon/unvisible.js +276 -1
  231. package/lib/icon/up-shape.js +276 -1
  232. package/lib/icon/upload.js +276 -1
  233. package/lib/icon/video-fill.js +276 -1
  234. package/lib/icon/warn.js +276 -1
  235. package/lib/icon/weixin-pro.js +276 -1
  236. package/lib/icon/weixin.js +276 -1
  237. package/lib/image/image-viewer.css +122 -0
  238. package/lib/image/image-viewer.less +5 -3
  239. package/lib/image/image-viewer.variable.css +366 -0
  240. package/lib/image/image.css +264 -0
  241. package/lib/image/image.d.ts +0 -1
  242. package/lib/image/image.less +4 -1
  243. package/lib/image/image.variable.css +630 -0
  244. package/lib/image/index.d.ts +1 -1
  245. package/lib/image/index.js +641 -1
  246. package/lib/index.js +97 -1
  247. package/lib/info-box/index.js +1165 -2
  248. package/lib/info-box/info-box.css +124 -0
  249. package/lib/info-box/info-box.d.ts +4 -0
  250. package/lib/info-box/info-box.less +2 -1
  251. package/lib/info-box/info-box.variable.css +247 -1
  252. package/lib/input/index.d.ts +153 -57
  253. package/lib/input/index.js +1226 -1
  254. package/lib/input/input.css +222 -72
  255. package/lib/input/input.d.ts +104 -15
  256. package/lib/input/input.less +53 -14
  257. package/lib/input/input.variable.css +467 -73
  258. package/lib/input/util.d.ts +6 -0
  259. package/lib/link/index.d.ts +7 -4
  260. package/lib/link/index.js +160 -1
  261. package/lib/link/link.css +138 -16
  262. package/lib/link/link.d.ts +2 -1
  263. package/lib/link/link.variable.css +245 -1
  264. package/lib/loading/index.d.ts +2 -2
  265. package/lib/loading/index.js +381 -1
  266. package/lib/loading/loading.css +142 -20
  267. package/lib/loading/loading.variable.css +387 -21
  268. package/lib/locale/index.js +465 -1
  269. package/lib/locale/lang/en.d.ts +1 -0
  270. package/lib/menu/index.d.ts +2 -2
  271. package/lib/menu/index.js +724 -1
  272. package/lib/menu/menu.css +144 -22
  273. package/lib/menu/menu.variable.css +389 -23
  274. package/lib/menu/submenu.css +122 -0
  275. package/lib/menu/submenu.variable.css +245 -1
  276. package/lib/message/index.d.ts +0 -1
  277. package/lib/message/index.js +1795 -2
  278. package/lib/message/message.css +176 -30
  279. package/lib/message/message.less +81 -57
  280. package/lib/message/message.variable.css +278 -10
  281. package/lib/message/messageConstructor.d.ts +32 -9
  282. package/lib/modal/index.d.ts +10 -10
  283. package/lib/modal/index.js +396 -1
  284. package/lib/modal/modal.css +124 -0
  285. package/lib/modal/modal.d.ts +3 -3
  286. package/lib/modal/modal.variable.css +369 -1
  287. package/lib/modal/props.mixin.d.ts +1 -1
  288. package/lib/navigation/index.d.ts +4 -1
  289. package/lib/navigation/index.js +367 -1
  290. package/lib/navigation/navigation.css +124 -2
  291. package/lib/navigation/navigation.d.ts +1 -0
  292. package/lib/navigation/navigation.variable.css +245 -1
  293. package/lib/notify/index.d.ts +0 -1
  294. package/lib/notify/index.js +397 -1
  295. package/lib/notify/notify.css +129 -7
  296. package/lib/notify/notify.variable.css +245 -1
  297. package/lib/notify/notifyConstructor.d.ts +1 -1
  298. package/lib/overflow-title/components/overflow-title.d.ts +257 -1
  299. package/lib/overflow-title/index.d.ts +387 -2
  300. package/lib/overflow-title/index.js +461 -1
  301. package/lib/overflow-title/props.d.ts +129 -0
  302. package/lib/pagination/index.d.ts +9 -9
  303. package/lib/pagination/index.js +880 -1
  304. package/lib/pagination/pagination.css +123 -1
  305. package/lib/pagination/pagination.d.ts +4 -4
  306. package/lib/pagination/pagination.variable.css +245 -1
  307. package/lib/plugin-popover/index.js +3905 -1
  308. package/lib/plugins/index.js +63 -1
  309. package/lib/pop-confirm/index.d.ts +1 -1
  310. package/lib/pop-confirm/index.js +273 -1
  311. package/lib/pop-confirm/pop-confirm.css +122 -0
  312. package/lib/pop-confirm/pop-confirm.less +9 -8
  313. package/lib/pop-confirm/pop-confirm.variable.css +245 -1
  314. package/lib/popover/const.d.ts +22 -9
  315. package/lib/popover/content.d.ts +34 -0
  316. package/lib/popover/index.d.ts +158 -73
  317. package/lib/popover/index.js +3913 -1
  318. package/lib/popover/popover.css +123 -0
  319. package/lib/popover/popover.d.ts +66 -30
  320. package/lib/popover/popover.less +3 -2
  321. package/lib/popover/popover.variable.css +246 -1
  322. package/lib/popover/props.d.ts +30 -7
  323. package/lib/popover/use-floating.d.ts +2 -2
  324. package/lib/popover/use-popover-init.d.ts +2 -1
  325. package/lib/popover2/index.d.ts +1 -1
  326. package/lib/popover2/index.js +107 -1
  327. package/lib/preset.d.ts +2 -0
  328. package/lib/preset.js +93 -1
  329. package/lib/process/index.d.ts +1 -1
  330. package/lib/process/index.js +759 -2
  331. package/lib/process/process.css +135 -13
  332. package/lib/process/process.variable.css +245 -1
  333. package/lib/progress/index.d.ts +8 -8
  334. package/lib/progress/index.js +431 -1
  335. package/lib/progress/progress.css +130 -8
  336. package/lib/progress/progress.d.ts +4 -4
  337. package/lib/progress/progress.variable.css +375 -9
  338. package/lib/radio/index.d.ts +26 -26
  339. package/lib/radio/index.js +627 -1
  340. package/lib/radio/radio-button.d.ts +7 -7
  341. package/lib/radio/radio-group.d.ts +5 -5
  342. package/lib/radio/radio.css +153 -31
  343. package/lib/radio/radio.d.ts +4 -4
  344. package/lib/radio/radio.less +1 -1
  345. package/lib/radio/radio.variable.css +245 -1
  346. package/lib/rate/index.d.ts +12 -8
  347. package/lib/rate/index.js +338 -1
  348. package/lib/rate/rate.css +122 -0
  349. package/lib/rate/rate.d.ts +4 -3
  350. package/lib/rate/rate.less +5 -3
  351. package/lib/rate/rate.variable.css +366 -0
  352. package/lib/rate/star.css +122 -0
  353. package/lib/rate/star.less +6 -4
  354. package/lib/rate/star.variable.css +366 -0
  355. package/lib/resize-layout/index.d.ts +4 -4
  356. package/lib/resize-layout/index.js +429 -1
  357. package/lib/resize-layout/resize-layout.css +134 -0
  358. package/lib/resize-layout/resize-layout.d.ts +1 -1
  359. package/lib/resize-layout/resize-layout.less +12 -0
  360. package/lib/resize-layout/resize-layout.variable.css +257 -1
  361. package/lib/search-select/index.d.ts +62 -29
  362. package/lib/search-select/index.js +2729 -2
  363. package/lib/search-select/input.d.ts +5 -1
  364. package/lib/search-select/menu.d.ts +33 -2
  365. package/lib/search-select/search-select.css +193 -53
  366. package/lib/search-select/search-select.d.ts +23 -20
  367. package/lib/search-select/search-select.less +35 -14
  368. package/lib/search-select/search-select.variable.css +438 -54
  369. package/lib/search-select/selected.d.ts +5 -1
  370. package/lib/search-select/utils.d.ts +13 -5
  371. package/lib/select/common.d.ts +1 -0
  372. package/lib/select/index.d.ts +224 -111
  373. package/lib/select/index.js +2254 -2
  374. package/lib/select/option.d.ts +12 -0
  375. package/lib/select/optionGroup.d.ts +1 -0
  376. package/lib/select/select.css +159 -29
  377. package/lib/select/select.d.ts +94 -51
  378. package/lib/select/select.less +11 -1
  379. package/lib/select/select.variable.css +380 -6
  380. package/lib/select/selectTagInput.d.ts +9 -5
  381. package/lib/shared/helper.d.ts +1 -1
  382. package/lib/shared/index.js +2689 -1
  383. package/lib/shared/mask-manager.d.ts +3 -4
  384. package/lib/shared/pop-manager.d.ts +6 -2
  385. package/lib/shared/popover.d.ts +2 -2
  386. package/lib/shared/vue-types.d.ts +5 -4
  387. package/lib/sideslider/index.d.ts +8 -8
  388. package/lib/sideslider/index.js +714 -2
  389. package/lib/sideslider/sideslider.css +123 -1
  390. package/lib/sideslider/sideslider.d.ts +3 -3
  391. package/lib/sideslider/sideslider.variable.css +245 -1
  392. package/lib/slider/index.d.ts +1 -1
  393. package/lib/slider/index.js +1291 -2
  394. package/lib/slider/slider.css +126 -4
  395. package/lib/slider/slider.less +6 -6
  396. package/lib/slider/slider.variable.css +245 -1
  397. package/lib/steps/index.d.ts +8 -8
  398. package/lib/steps/index.js +825 -2
  399. package/lib/steps/steps.css +158 -36
  400. package/lib/steps/steps.d.ts +4 -4
  401. package/lib/steps/steps.variable.css +245 -1
  402. package/lib/styles/index.d.ts +2 -0
  403. package/lib/styles/mixins/animate.css +126 -4
  404. package/lib/styles/mixins/animate.less +10 -6
  405. package/lib/styles/mixins/animate.variable.css +370 -4
  406. package/lib/styles/mixins/mixins.css +126 -4
  407. package/lib/styles/mixins/mixins.variable.css +126 -4
  408. package/lib/styles/mixins/popper.css +122 -0
  409. package/lib/styles/mixins/popper.less +6 -5
  410. package/lib/styles/mixins/popper.variable.css +245 -1
  411. package/lib/styles/mixins/scroll.css +122 -0
  412. package/lib/styles/mixins/scroll.variable.css +245 -1
  413. package/lib/styles/reset.css +122 -0
  414. package/lib/styles/reset.less +4 -2
  415. package/lib/styles/reset.variable.css +366 -0
  416. package/lib/styles/themes/themes.css +122 -0
  417. package/lib/styles/themes/themes.less +290 -121
  418. package/lib/styles/themes/themes.variable.css +122 -0
  419. package/lib/swiper/index.d.ts +1 -1
  420. package/lib/swiper/index.js +336 -1
  421. package/lib/swiper/swiper.css +122 -6
  422. package/lib/swiper/swiper.less +0 -8
  423. package/lib/swiper/swiper.variable.css +245 -7
  424. package/lib/switcher/index.d.ts +34 -20
  425. package/lib/switcher/index.js +277 -1
  426. package/lib/switcher/switcher.css +143 -21
  427. package/lib/switcher/switcher.d.ts +76 -7
  428. package/lib/switcher/switcher.variable.css +388 -22
  429. package/lib/tab/index.d.ts +6 -3
  430. package/lib/tab/index.js +914 -1
  431. package/lib/tab/tab-nav.d.ts +13 -2
  432. package/lib/tab/tab-panel.d.ts +1 -1
  433. package/lib/tab/tab.css +139 -17
  434. package/lib/tab/tab.d.ts +1 -0
  435. package/lib/tab/tab.variable.css +245 -1
  436. package/lib/table/components/table-cell.d.ts +22 -15
  437. package/lib/table/components/table-column.d.ts +157 -220
  438. package/lib/table/const.d.ts +40 -56
  439. package/lib/table/events.d.ts +180 -0
  440. package/lib/table/index.d.ts +810 -435
  441. package/lib/table/index.js +6264 -1
  442. package/lib/table/plugins/head-filter.css +127 -2
  443. package/lib/table/plugins/head-filter.d.ts +3 -7
  444. package/lib/table/plugins/head-filter.less +8 -7
  445. package/lib/table/plugins/head-filter.variable.css +248 -1
  446. package/lib/table/plugins/head-sort.css +122 -0
  447. package/lib/table/plugins/head-sort.d.ts +3 -7
  448. package/lib/table/plugins/head-sort.variable.css +245 -1
  449. package/lib/table/plugins/settings.css +122 -0
  450. package/lib/table/plugins/settings.d.ts +12 -26
  451. package/lib/table/plugins/settings.less +3 -3
  452. package/lib/table/plugins/settings.variable.css +245 -1
  453. package/lib/table/plugins/use-column-resize.d.ts +30 -10
  454. package/lib/table/plugins/use-fixed-column.d.ts +10 -9
  455. package/lib/table/plugins/use-pagination.d.ts +7 -4
  456. package/lib/table/props.d.ts +221 -174
  457. package/lib/table/render.d.ts +12 -20
  458. package/lib/table/table.css +362 -154
  459. package/lib/table/table.d.ts +232 -98
  460. package/lib/table/table.less +83 -9
  461. package/lib/table/table.variable.css +607 -155
  462. package/lib/table/use-attributes.d.ts +55 -0
  463. package/lib/table/use-column.d.ts +264 -3
  464. package/lib/table/use-common.d.ts +1609 -76
  465. package/lib/table/use-render.d.ts +11 -0
  466. package/lib/table/utils.d.ts +30 -28
  467. package/lib/table-column/index.d.ts +393 -530
  468. package/lib/table-column/index.js +775 -1
  469. package/lib/tag/index.d.ts +10 -10
  470. package/lib/tag/index.js +233 -1
  471. package/lib/tag/tag.css +127 -5
  472. package/lib/tag/tag.d.ts +5 -5
  473. package/lib/tag/tag.variable.css +245 -1
  474. package/lib/tag-input/index.d.ts +64 -34
  475. package/lib/tag-input/index.js +1660 -1
  476. package/lib/tag-input/tag-input.css +149 -19
  477. package/lib/tag-input/tag-input.d.ts +40 -20
  478. package/lib/tag-input/tag-input.less +13 -4
  479. package/lib/tag-input/tag-input.variable.css +254 -2
  480. package/lib/tag-input/tag-props.d.ts +19 -9
  481. package/lib/time-picker/index.d.ts +13 -10
  482. package/lib/time-picker/index.js +71 -1
  483. package/lib/time-picker/time-picker.css +122 -0
  484. package/lib/time-picker/time-picker.less +39 -39
  485. package/lib/time-picker/time-picker.variable.css +245 -1
  486. package/lib/timeline/index.d.ts +1 -1
  487. package/lib/timeline/index.js +241 -1
  488. package/lib/timeline/timeline.css +141 -19
  489. package/lib/timeline/timeline.variable.css +245 -1
  490. package/lib/transfer/index.d.ts +1 -1
  491. package/lib/transfer/index.js +673 -1
  492. package/lib/transfer/transfer.css +141 -19
  493. package/lib/transfer/transfer.variable.css +245 -1
  494. package/lib/tree/constant.d.ts +2 -2
  495. package/lib/tree/index.d.ts +70 -40
  496. package/lib/tree/index.js +2538 -1
  497. package/lib/tree/props.d.ts +20 -10
  498. package/lib/tree/tree.css +131 -9
  499. package/lib/tree/tree.d.ts +38 -21
  500. package/lib/tree/tree.variable.css +376 -10
  501. package/lib/tree/use-node-action.d.ts +5 -3
  502. package/lib/tree/use-node-attribute.d.ts +17 -8
  503. package/lib/tree/use-search.d.ts +2 -2
  504. package/lib/tree/use-tree-init.d.ts +1 -2
  505. package/lib/tree/util.d.ts +9 -3
  506. package/lib/upload/index.d.ts +1 -1
  507. package/lib/upload/index.js +2874 -2
  508. package/lib/upload/upload.css +153 -31
  509. package/lib/upload/upload.type.d.ts +1 -1
  510. package/lib/upload/upload.variable.css +398 -32
  511. package/lib/upload/use-file-handler.d.ts +2 -2
  512. package/lib/virtual-render/index.d.ts +43 -1
  513. package/lib/virtual-render/index.js +860 -1
  514. package/lib/virtual-render/props.d.ts +15 -0
  515. package/lib/virtual-render/v-virtual-render.d.ts +19 -1
  516. package/lib/virtual-render/virtual-render.css +122 -0
  517. package/lib/virtual-render/virtual-render.d.ts +25 -0
  518. package/lib/virtual-render/virtual-render.less +5 -6
  519. package/lib/virtual-render/virtual-render.variable.css +367 -1
  520. package/lib/volar.components.d.ts +24 -24
  521. package/package.json +31 -18
  522. package/lib/cascader/index.js.LICENSE.txt +0 -1
  523. package/lib/dialog/index.js.LICENSE.txt +0 -1
  524. package/lib/directives/index.js.LICENSE.txt +0 -14
  525. package/lib/info-box/index.js.LICENSE.txt +0 -1
  526. package/lib/message/index.js.LICENSE.txt +0 -6
  527. package/lib/process/index.js.LICENSE.txt +0 -1
  528. package/lib/search-select/index.js.LICENSE.txt +0 -1
  529. package/lib/select/index.js.LICENSE.txt +0 -1
  530. package/lib/sideslider/index.js.LICENSE.txt +0 -1
  531. package/lib/slider/index.js.LICENSE.txt +0 -1
  532. package/lib/steps/index.js.LICENSE.txt +0 -1
  533. package/lib/upload/index.js.LICENSE.txt +0 -1
package/lib/styles/themes/themes.less CHANGED
@@ -1,165 +1,334 @@
1
- @bk-prefix: bk;
1
+ :root {
2
+ --bk-prefix: bk;
2
3
 
3
- @popover-max-height: 216px;
4
+ --popover-max-height: 216px;
4
5
 
5
- @primary-color: #3a84ff;
6
- @success-color: #2dcb56;
7
- @warning-color: #ff9c01;
8
- @danger-color: #ea3636;
9
- @default-color: #63656e;
10
- @gray-color: #979ba5;
11
- @light-gray: #c4c6cc;
12
- @white-color: white;
13
- @whitesmoke-color: #fafbfd;
14
- @disable-color: #dcdee5;
6
+ --primary-color: #3a84ff;
7
+ --success-color: #2dcb56;
8
+ --warning-color: #ff9c01;
9
+ --danger-color: #ea3636;
10
+ --default-color: #63656e;
11
+ --gray-color: #979ba5;
12
+ --light-gray: #c4c6cc;
13
+ --white-color: white;
14
+ --whitesmoke-color: #fafbfd;
15
+ --disable-color: #dcdee5;
15
16
 
16
- @font-size-base: 12px;
17
- @font-size-medium: 14px;
18
- @font-size-large: 16px;
17
+ --font-size-base: 12px;
18
+ --font-size-medium: 14px;
19
+ --font-size-large: 16px;
19
20
 
20
- @line-height-base: 16px;
21
- @line-height-medium: 16px;
22
- @line-height-large: 18px;
21
+ --line-height-base: 16px;
22
+ --line-height-medium: 16px;
23
+ --line-height-large: 18px;
23
24
 
24
25
 
25
- @component-size-small: 26px;
26
- @component-size-base: 32px;
27
- @component-size-large: 40px;
26
+ --component-size-small: 26px;
27
+ --component-size-base: 32px;
28
+ --component-size-large: 40px;
28
29
 
29
- @border-width-base: 1px;
30
- @border-style-base: solid;
31
- @border-radius-base: 2px;
32
- @border-style-color: @light-gray;
30
+ --border-width-base: 1px;
31
+ --border-style-base: solid;
32
+ --border-radius-base: 2px;
33
+ --border-style-color: var(--light-gray);
33
34
 
34
35
 
35
36
  // input theme
36
- @input-disabled-bg: #fafbfd;
37
- @input-disabled-border: @disable-color;
38
- @input-height-base: @component-size-base;
39
- @input-color: @default-color;
40
- @input-bg: white;
41
- @input-border-color: @light-gray;
42
- @input-broder-radius: 3px;
43
- @input-shadow-color: #a3c5fd;
44
- @input-horizontal-padding: 10px;
45
- @input-block-color: #f5f7fa;
46
- @input-block-hover-color: #eaebf0;
47
-
48
- @input-icon-size: @font-size-medium;
49
- @input-maxlength-color: #979ba5;
37
+ --input-disabled-bg: #fafbfd;
38
+ --input-disabled-border: var(--disable-color);
39
+ --input-height-base: var(--component-size-base);
40
+ --input-color: var(--default-color);
41
+ --input-bg: white;
42
+ --input-border-color: var(--light-gray);
43
+ --input-broder-radius: 3px;
44
+ --input-shadow-color: #a3c5fd;
45
+ --input-horizontal-padding: 10px;
46
+ --input-block-color: #f5f7fa;
47
+ --input-block-hover-color: #eaebf0;
48
+
49
+ --input-icon-size: var(--font-size-medium);
50
+ --input-maxlength-color: #979ba5;
51
+
52
+ //button theme
53
+ --button-primary-hover-color: #5594fa;
54
+ --button-danger-hover-color: #ff5656;
55
+ --button-success-hover-color: #45e35f;
56
+ --button-warning-hover-color: #ffb848;
57
+ --button-default-hover-border-color: #979ba5;
58
+ --button-primary-active-color: #2c77f4;
59
+ --button-danger-active-color: #db2626;
60
+ --button-success-active-color: #1ab943;
61
+ --button-warning-active-color: #eb9000;
62
+ --button-selected-bg-color: #e1ecff;
63
+ --button-disabled-selected-bg-color: #f0f1f5;
64
+
65
+ // radio theme
66
+ --radio-font-color: #63656e;
67
+ --radio-active-color: #3a84ff;
68
+ --radio-hover-border-color: #979ba5;
69
+ --radio-disabled-border: #dcdee5;
70
+ --radio-disabled-font-color: #c4c6cc;
71
+ --radio-disabled-checked-bg: #a3c5fd;
72
+ --radio-button-checked-bg: #e1ecff;
73
+ --radio-button-disabled-checked-bg: #fafbfd;
74
+
75
+ // checkbox theme
76
+ --checkbox-disabled-checked-bg: #a3c5fd;
77
+
78
+ // fixed-navbar theme
79
+ --fixed-navbar-background: #fff;
80
+ --fixed-navbar-boxshadow-color: rgba(0,0,0,.1);
81
+
82
+ // switch theme
83
+ --switch-default-color: #fff;
84
+ --switch-grey-color: #c4c6cc;
85
+
86
+ // breadcrumb theme
87
+ --breadcrumb-black-color: #979ba5;
88
+ --breadcrumb-primary-hover-color: #0082ff;
89
+ --breadcrumb-fn-main-color: #63656e;
90
+
91
+ // link theme
92
+ --link-default-hover-color: #979ba5;
93
+ --link-primary-hover-color: #699df4;
94
+ --link-success-hover-color: #45e35f;
95
+ --link-warning-hover-color: #ffb848;
96
+ --link-danger-hover-color: #ff5656;
97
+ --link-default-disabled-color: #dcdee5;
98
+ --link-primary-disabled-color: #a3c5fd;
99
+ --link-success-disabled-color: #94f5a4;
100
+ --link-warning-disabled-color: #ffd695;
101
+ --link-danger-disabled-color: #fd9c9c;
102
+
103
+ // message theme
104
+ --message-color: var(--default-color);
105
+ --message-primary-bg-color: #f0f8ff;
106
+ --message-primary-border-color: #e1ecff;
107
+ --message-primary-shadow-color: #e1e8f4;
108
+ --message-warning-bg-color: #fff4e2;
109
+ --message-warning-border-color: #ffe8c3;
110
+ --message-warning-shadow-color: #ede6db;
111
+ --message-success-bg-color: #f2fff4;
112
+ --message-success-border-color: #dcffe2;
113
+ --message-success-shadow-color: #cef0d7;
114
+ --message-danger-bg-color: #ffeded;
115
+ --message-danger-border-color: #ffdddd;
116
+ --message-danger-shadow-color: #f6dada;
117
+
118
+ // slider theme
119
+ --slider-default-bg: #dcdee5;
120
+ --slider-disable-bar-bg: #979ba5;
121
+
122
+
123
+ // menu theme
124
+ --menu-bg-color: #182132;
125
+ --submenu-bg-color: #151d2c;
126
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
127
+ --menu-color: #96a2b9;
128
+ --menu-group-color: var(--default-color);
129
+ --menu-width: 260px;
130
+ --menu-collapse-width: 60px;
131
+ --menu-active-color: white;
132
+
133
+ // navigation theme
134
+ --nav-header-bg-color: #182132;
135
+ --nav-bg-color: #182132;
136
+
137
+ // date-picker theme
138
+ --date-picker-disabled-bg: #fafbfd;
139
+ --date-picker-dropdown-mb: 4px;
140
+ --date-picker-dropdown-bg: #fff;
141
+
142
+ // table theme
143
+ --table-bg-color: var(--white-color);
144
+ --table-border-color: #dcdee5;
145
+
146
+ --table-head-bg-color: #fafbfd;
147
+ --table-head-font-color: #313238;
148
+
149
+ --table-body-font-color: #63656E;
150
+ --table-row-hover-bg-color: #f5f7fa;
151
+ --table-row-active-bg-color: #f0f1f5;
152
+
153
+ // cascader theme
154
+ --cascader-panel-border-color: #dcdee5;
155
+ --cascader-panel-hover: #f5f7fa;
156
+ --cascader-panel-active: #e1ecff;
157
+ --cascader-panel-disabled-bg: #fff;
158
+
159
+
160
+ // search-select theme
161
+ --search-select-focus-border-color: var(--primary-color);
162
+ --search-select-focus-color: #3c96ff;
163
+ --search-select-font-color: var(--default-color);
164
+ --search-select-placeholder-color: var(--light-gray);
165
+ --search-select-message-color: var(--danger-color);
166
+ --search-select-menu-border-color: var(--disable-color);
167
+
168
+ }
169
+ @bk-prefix: bk;
170
+
171
+ @popover-max-height: var(--popover-max-height);
172
+
173
+ @primary-color: var(--primary-color);
174
+ @success-color: var(--success-color);
175
+ @warning-color: var(--warning-color);
176
+ @danger-color: var(--danger-color);
177
+ @default-color: var(--default-color);
178
+ @gray-color: var(--gray-color);
179
+ @light-gray: var(--light-gray);
180
+ @white-color: var(--white-color);
181
+ @whitesmoke-color: var(--whitesmoke-color);
182
+ @disable-color: var(--disable-color);
183
+
184
+ @font-size-base: var(--font-size-base);
185
+ @font-size-medium: var(--font-size-medium);
186
+ @font-size-large: var(--font-size-large);
187
+
188
+ @line-height-base: var(--line-height-base);
189
+ @line-height-medium: var(--line-height-medium);
190
+ @line-height-large: var(--line-height-large);
191
+
192
+
193
+ @component-size-small: var(--component-size-small);
194
+ @component-size-base: var(--component-size-base);
195
+ @component-size-large: var(--component-size-large);
196
+
197
+ @border-width-base: var(--border-width-base);
198
+ @border-style-base: var(--border-style-base);
199
+ @border-radius-base: var(--border-radius-base);
200
+ @border-style-color: var(--border-style-color);
201
+
202
+
203
+ // input theme
204
+ @input-disabled-bg: var(--input-disabled-bg);
205
+ @input-disabled-border: var(--input-disabled-border);
206
+ @input-height-base: var(--input-height-base);
207
+ @input-color: var(--input-color);
208
+ @input-bg: var(--input-bg);
209
+ @input-border-color: var(--input-border-color);
210
+ @input-broder-radius: var(--input-broder-radius);
211
+ @input-shadow-color: var(--input-shadow-color);
212
+ @input-horizontal-padding: var(--input-horizontal-padding);
213
+ @input-block-color: var(--input-block-color);
214
+ @input-block-hover-color: var(--input-block-hover-color);
215
+
216
+ @input-icon-size: var(--input-icon-size);
217
+ @input-maxlength-color: var(--input-maxlength-color);
50
218
 
51
219
  //button theme
52
- @button-primary-hover-color: #5594fa;
53
- @button-danger-hover-color: #ff5656;
54
- @button-success-hover-color: #45e35f;
55
- @button-warning-hover-color: #ffb848;
56
- @button-default-hover-border-color: #979ba5;
57
- @button-primary-active-color: #2c77f4;
58
- @button-danger-active-color: #db2626;
59
- @button-success-active-color: #1ab943;
60
- @button-warning-active-color: #eb9000;
61
- @button-selected-bg-color: #e1ecff;
62
- @button-disabled-selected-bg-color: #f0f1f5;
220
+ @button-primary-hover-color: var(--button-primary-hover-color);
221
+ @button-danger-hover-color: var(--button-danger-hover-color);
222
+ @button-success-hover-color: var(--button-success-hover-color);
223
+ @button-warning-hover-color: var(--button-warning-hover-color);
224
+ @button-default-hover-border-color: var(--button-default-hover-border-color);
225
+ @button-primary-active-color: var(--button-primary-active-color);
226
+ @button-danger-active-color: var(--button-danger-active-color);
227
+ @button-success-active-color: var(--button-success-active-color);
228
+ @button-warning-active-color: var(--button-warning-active-color);
229
+ @button-selected-bg-color: var(--button-selected-bg-color);
230
+ @button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
63
231
 
64
232
  // radio theme
65
- @radio-font-color: #63656e;
66
- @radio-active-color: #5594fa;
67
- @radio-hover-border-color: #979ba5;
68
- @radio-disabled-border: #dcdee5;
69
- @radio-disabled-font-color: #c4c6cc;
70
- @radio-disabled-checked-bg: #a3c5fd;
71
- @radio-button-checked-bg: #e1ecff;
72
- @radio-button-disabled-checked-bg: #fafbfd;
233
+ @radio-font-color: var(--radio-font-color);
234
+ @radio-active-color: var(--radio-active-color);
235
+ @radio-hover-border-color: var(--radio-hover-border-color);
236
+ @radio-disabled-border: var(--radio-disabled-border);
237
+ @radio-disabled-font-color: var(--radio-disabled-font-color);
238
+ @radio-disabled-checked-bg: var(--radio-disabled-checked-bg);
239
+ @radio-button-checked-bg: var(--radio-button-checked-bg);
240
+ @radio-button-disabled-checked-bg: var(--radio-button-disabled-checked-bg);
73
241
 
74
242
  // checkbox theme
75
- @checkbox-disabled-checked-bg: #a3c5fd;
243
+ @checkbox-disabled-checked-bg: var(--checkbox-disabled-checked-bg);
76
244
 
77
245
  // fixed-navbar theme
78
- @fixed-navbar-background: #fff;
79
- @fixed-navbar-boxshadow-color: rgba(0,0,0,.1);
246
+ @fixed-navbar-background: var(--fixed-navbar-background);
247
+ @fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
80
248
 
81
249
  // switch theme
82
- @switch-default-color: #fff;
83
- @switch-grey-color: #c4c6cc;
250
+ @switch-default-color: var(--switch-default-color);
251
+ @switch-grey-color: var(--switch-grey-color);
84
252
 
85
253
  // breadcrumb theme
86
- @breadcrumb-black-color: #979ba5;
87
- @breadcrumb-primary-hover-color: #0082ff;
88
- @breadcrumb-fn-main-color: #63656e;
254
+ @breadcrumb-black-color: var(--breadcrumb-black-color);
255
+ @breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
256
+ @breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
89
257
 
90
258
  // link theme
91
- @link-default-hover-color: #979ba5;
92
- @link-primary-hover-color: #699df4;
93
- @link-success-hover-color: #45e35f;
94
- @link-warning-hover-color: #ffb848;
95
- @link-danger-hover-color: #ff5656;
96
- @link-default-disabled-color: #dcdee5;
97
- @link-primary-disabled-color: #a3c5fd;
98
- @link-success-disabled-color: #94f5a4;
99
- @link-warning-disabled-color: #ffd695;
100
- @link-danger-disabled-color: #fd9c9c;
259
+ @link-default-hover-color: var(--link-default-hover-color);
260
+ @link-primary-hover-color: var(--link-primary-hover-color);
261
+ @link-success-hover-color: var(--link-success-hover-color);
262
+ @link-warning-hover-color: var(--link-warning-hover-color);
263
+ @link-danger-hover-color: var(--link-danger-hover-color);
264
+ @link-default-disabled-color: var(--link-default-disabled-color);
265
+ @link-primary-disabled-color: var(--link-primary-disabled-color);
266
+ @link-success-disabled-color: var(--link-success-disabled-color);
267
+ @link-warning-disabled-color: var(--link-warning-disabled-color);
268
+ @link-danger-disabled-color: var(--link-danger-disabled-color);
101
269
 
102
270
  // message theme
103
- @message-color: @default-color;
104
- @message-primary-bg-color: #f0f8ff;
105
- @message-primary-border-color: #e1ecff;
106
- @message-primary-shadow-color: #e1e8f4;
107
- @message-warning-bg-color: #fff4e2;
108
- @message-warning-border-color: #ffe8c3;
109
- @message-warning-shadow-color: #ede6db;
110
- @message-success-bg-color: #f2fff4;
111
- @message-success-border-color: #dcffe2;
112
- @message-success-shadow-color: #cef0d7;
113
- @message-danger-bg-color: #ffeded;
114
- @message-danger-border-color: #ffdddd;
115
- @message-danger-shadow-color: #f6dada;
271
+ @message-color: var(--message-color);
272
+ @message-primary-bg-color: var(--message-primary-bg-color);
273
+ @message-primary-border-color: var(--message-primary-border-color);
274
+ @message-primary-shadow-color: var(--message-primary-shadow-color);
275
+ @message-warning-bg-color: var(--message-warning-bg-color);
276
+ @message-warning-border-color: var(--message-warning-border-color);
277
+ @message-warning-shadow-color: var(--message-warning-shadow-color);
278
+ @message-success-bg-color: var(--message-success-bg-color);
279
+ @message-success-border-color: var(--message-success-border-color);
280
+ @message-success-shadow-color: var(--message-success-shadow-color);
281
+ @message-danger-bg-color: var(--message-danger-bg-color);
282
+ @message-danger-border-color: var(--message-danger-border-color);
283
+ @message-danger-shadow-color: var(--message-danger-shadow-color);
116
284
 
117
285
  // slider theme
118
- @slider-default-bg: #dcdee5;
119
- @slider-disable-bar-bg: #979ba5;
286
+ @slider-default-bg: var(--slider-default-bg);
287
+ @slider-disable-bar-bg: var(--slider-disable-bar-bg);
120
288
 
121
289
 
122
290
  // menu theme
123
- @menu-bg-color: #182132;
124
- @submenu-bg-color: #151d2c;
125
- @menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
126
- @menu-color: #96a2b9;
127
- @menu-group-color: @default-color;
128
- @menu-width: 260px;
129
- @menu-collapse-width: 60px;
130
- @menu-active-color: white;
291
+ @menu-bg-color: var(--menu-bg-color);
292
+ @submenu-bg-color: var(--submenu-bg-color);
293
+ @menu-active-bg-color: var(--menu-active-bg-color);
294
+ @menu-color: var(--menu-color);
295
+ @menu-group-color: var(--menu-group-color);
296
+ @menu-width: var(--menu-width);
297
+ @menu-collapse-width: var(--menu-collapse-width);
298
+ @menu-active-color: var(--menu-active-color);
131
299
 
132
300
  // navigation theme
133
- @nav-header-bg-color: #182132;
134
- @nav-bg-color: #182132;
301
+ @nav-header-bg-color: var(--nav-header-bg-color);
302
+ @nav-bg-color: var(--nav-bg-color);
135
303
 
136
304
  // date-picker theme
137
- @date-picker-disabled-bg: #fafbfd;
138
- @date-picker-dropdown-mb: 4px;
139
- @date-picker-dropdown-bg: #fff;
305
+ @date-picker-disabled-bg: var(--date-picker-disabled-bg);
306
+ @date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
307
+ @date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
140
308
 
141
309
  // table theme
142
- @table-bg-color: @white-color;
143
- @table-border-color: #dcdee5;
310
+ @table-bg-color: var(--table-bg-color);
311
+ @table-border-color: var(--table-border-color);
144
312
 
145
- @table-head-bg-color: #fafbfd;
146
- @table-head-font-color: #313238;
313
+ @table-head-bg-color: var(--table-head-bg-color);
314
+ @table-head-font-color: var(--table-head-font-color);
147
315
 
148
- @table-body-font-color: #63656E;
149
- @table-row-hover-bg-color: #f5f7fa;
150
- @table-row-active-bg-color: #f0f1f5;
316
+ @table-body-font-color: var(--table-body-font-color);
317
+ @table-row-hover-bg-color: var(--table-row-hover-bg-color);
318
+ @table-row-active-bg-color: var(--table-row-active-bg-color);
151
319
 
152
320
  // cascader theme
153
- @cascader-panel-border-color: #dcdee5;
154
- @cascader-panel-hover: #f5f7fa;
155
- @cascader-panel-active: #e1ecff;
156
- @cascader-panel-disabled-bg: #fff;
321
+ @cascader-panel-border-color: var(--cascader-panel-border-color);
322
+ @cascader-panel-hover: var(--cascader-panel-hover);
323
+ @cascader-panel-active: var(--cascader-panel-active);
324
+ @cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
157
325
 
158
326
 
159
327
  // search-select theme
160
- @search-select-focus-border-color: @primary-color;
161
- @search-select-focus-color: #3c96ff;
162
- @search-select-font-color: @default-color;
163
- @search-select-placeholder-color: @light-gray;
164
- @search-select-message-color: @danger-color;
165
- @search-select-menu-border-color: @disable-color;
328
+ @search-select-focus-border-color: var(--search-select-focus-border-color);
329
+ @search-select-focus-color: var(--search-select-focus-color);
330
+ @search-select-font-color: var(--search-select-font-color);
331
+ @search-select-placeholder-color: var(--search-select-placeholder-color);
332
+ @search-select-message-color: var(--search-select-message-color);
333
+ @search-select-menu-border-color: var(--search-select-menu-border-color);
334
+
package/lib/styles/themes/themes.variable.css ADDED
@@ -0,0 +1,122 @@
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
+ --font-size-base: 12px;
15
+ --font-size-medium: 14px;
16
+ --font-size-large: 16px;
17
+ --line-height-base: 16px;
18
+ --line-height-medium: 16px;
19
+ --line-height-large: 18px;
20
+ --component-size-small: 26px;
21
+ --component-size-base: 32px;
22
+ --component-size-large: 40px;
23
+ --border-width-base: 1px;
24
+ --border-style-base: solid;
25
+ --border-radius-base: 2px;
26
+ --border-style-color: var(--light-gray);
27
+ --input-disabled-bg: #fafbfd;
28
+ --input-disabled-border: var(--disable-color);
29
+ --input-height-base: var(--component-size-base);
30
+ --input-color: var(--default-color);
31
+ --input-bg: white;
32
+ --input-border-color: var(--light-gray);
33
+ --input-broder-radius: 3px;
34
+ --input-shadow-color: #a3c5fd;
35
+ --input-horizontal-padding: 10px;
36
+ --input-block-color: #f5f7fa;
37
+ --input-block-hover-color: #eaebf0;
38
+ --input-icon-size: var(--font-size-medium);
39
+ --input-maxlength-color: #979ba5;
40
+ --button-primary-hover-color: #5594fa;
41
+ --button-danger-hover-color: #ff5656;
42
+ --button-success-hover-color: #45e35f;
43
+ --button-warning-hover-color: #ffb848;
44
+ --button-default-hover-border-color: #979ba5;
45
+ --button-primary-active-color: #2c77f4;
46
+ --button-danger-active-color: #db2626;
47
+ --button-success-active-color: #1ab943;
48
+ --button-warning-active-color: #eb9000;
49
+ --button-selected-bg-color: #e1ecff;
50
+ --button-disabled-selected-bg-color: #f0f1f5;
51
+ --radio-font-color: #63656e;
52
+ --radio-active-color: #3a84ff;
53
+ --radio-hover-border-color: #979ba5;
54
+ --radio-disabled-border: #dcdee5;
55
+ --radio-disabled-font-color: #c4c6cc;
56
+ --radio-disabled-checked-bg: #a3c5fd;
57
+ --radio-button-checked-bg: #e1ecff;
58
+ --radio-button-disabled-checked-bg: #fafbfd;
59
+ --checkbox-disabled-checked-bg: #a3c5fd;
60
+ --fixed-navbar-background: #fff;
61
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
62
+ --switch-default-color: #fff;
63
+ --switch-grey-color: #c4c6cc;
64
+ --breadcrumb-black-color: #979ba5;
65
+ --breadcrumb-primary-hover-color: #0082ff;
66
+ --breadcrumb-fn-main-color: #63656e;
67
+ --link-default-hover-color: #979ba5;
68
+ --link-primary-hover-color: #699df4;
69
+ --link-success-hover-color: #45e35f;
70
+ --link-warning-hover-color: #ffb848;
71
+ --link-danger-hover-color: #ff5656;
72
+ --link-default-disabled-color: #dcdee5;
73
+ --link-primary-disabled-color: #a3c5fd;
74
+ --link-success-disabled-color: #94f5a4;
75
+ --link-warning-disabled-color: #ffd695;
76
+ --link-danger-disabled-color: #fd9c9c;
77
+ --message-color: var(--default-color);
78
+ --message-primary-bg-color: #f0f8ff;
79
+ --message-primary-border-color: #e1ecff;
80
+ --message-primary-shadow-color: #e1e8f4;
81
+ --message-warning-bg-color: #fff4e2;
82
+ --message-warning-border-color: #ffe8c3;
83
+ --message-warning-shadow-color: #ede6db;
84
+ --message-success-bg-color: #f2fff4;
85
+ --message-success-border-color: #dcffe2;
86
+ --message-success-shadow-color: #cef0d7;
87
+ --message-danger-bg-color: #ffeded;
88
+ --message-danger-border-color: #ffdddd;
89
+ --message-danger-shadow-color: #f6dada;
90
+ --slider-default-bg: #dcdee5;
91
+ --slider-disable-bar-bg: #979ba5;
92
+ --menu-bg-color: #182132;
93
+ --submenu-bg-color: #151d2c;
94
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
95
+ --menu-color: #96a2b9;
96
+ --menu-group-color: var(--default-color);
97
+ --menu-width: 260px;
98
+ --menu-collapse-width: 60px;
99
+ --menu-active-color: white;
100
+ --nav-header-bg-color: #182132;
101
+ --nav-bg-color: #182132;
102
+ --date-picker-disabled-bg: #fafbfd;
103
+ --date-picker-dropdown-mb: 4px;
104
+ --date-picker-dropdown-bg: #fff;
105
+ --table-bg-color: var(--white-color);
106
+ --table-border-color: #dcdee5;
107
+ --table-head-bg-color: #fafbfd;
108
+ --table-head-font-color: #313238;
109
+ --table-body-font-color: #63656E;
110
+ --table-row-hover-bg-color: #f5f7fa;
111
+ --table-row-active-bg-color: #f0f1f5;
112
+ --cascader-panel-border-color: #dcdee5;
113
+ --cascader-panel-hover: #f5f7fa;
114
+ --cascader-panel-active: #e1ecff;
115
+ --cascader-panel-disabled-bg: #fff;
116
+ --search-select-focus-border-color: var(--primary-color);
117
+ --search-select-focus-color: #3c96ff;
118
+ --search-select-font-color: var(--default-color);
119
+ --search-select-placeholder-color: var(--light-gray);
120
+ --search-select-message-color: var(--danger-color);
121
+ --search-select-menu-border-color: var(--disable-color);
122
+ }
package/lib/swiper/index.d.ts CHANGED
@@ -11,8 +11,8 @@ declare const BkSwiper: {
11
11
  pics?: unknown[];
12
12
  class?: unknown;
13
13
  style?: unknown;
14
- key?: string | number | symbol;
15
14
  ref?: import("vue").VNodeRef;
15
+ key?: string | number | symbol;
16
16
  ref_for?: boolean;
17
17
  ref_key?: string;
18
18
  onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {