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

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 (614) hide show
  1. package/README.md +7 -3
  2. package/dist/index.cjs.js +173 -0
  3. package/dist/index.esm.js +37528 -0
  4. package/dist/index.umd.js +173 -0
  5. package/dist/style.css +1 -5032
  6. package/dist/style.variable.css +1 -0
  7. package/lib/affix/affix.css +3 -0
  8. package/lib/affix/affix.d.ts +47 -0
  9. package/lib/affix/affix.less +5 -0
  10. package/lib/affix/affix.variable.css +116 -0
  11. package/lib/affix/index.d.ts +143 -0
  12. package/lib/affix/index.js +1 -0
  13. package/lib/alert/alert.css +5 -3
  14. package/lib/alert/alert.less +7 -3
  15. package/lib/alert/alert.variable.css +28 -6
  16. package/lib/alert/index.js +1 -1
  17. package/lib/animate-number/index.js +1 -1
  18. package/lib/backtop/backtop.css +8 -0
  19. package/lib/backtop/backtop.d.ts +2 -2
  20. package/lib/backtop/backtop.less +8 -0
  21. package/lib/backtop/backtop.variable.css +31 -3
  22. package/lib/backtop/index.d.ts +7 -7
  23. package/lib/backtop/index.js +1 -1
  24. package/lib/badge/badge.css +5 -5
  25. package/lib/badge/badge.d.ts +28 -7
  26. package/lib/badge/badge.less +5 -6
  27. package/lib/badge/badge.variable.css +28 -8
  28. package/lib/badge/index.d.ts +68 -18
  29. package/lib/badge/index.js +1 -1
  30. package/lib/breadcrumb/breadcrumb.css +51 -0
  31. package/lib/breadcrumb/breadcrumb.variable.css +74 -3
  32. package/lib/breadcrumb/index.js +1 -1
  33. package/lib/button/button.css +92 -45
  34. package/lib/button/button.d.ts +50 -5
  35. package/lib/button/button.less +88 -47
  36. package/lib/button/button.variable.css +115 -48
  37. package/lib/button/index.d.ts +82 -11
  38. package/lib/button/index.js +1 -1
  39. package/lib/card/card.css +96 -1
  40. package/lib/card/card.d.ts +47 -6
  41. package/lib/card/card.less +50 -2
  42. package/lib/card/card.variable.css +119 -4
  43. package/lib/card/index.d.ts +113 -17
  44. package/lib/card/index.js +1 -1
  45. package/lib/cascader/cascader-panel.d.ts +100 -0
  46. package/lib/cascader/cascader.css +173 -0
  47. package/lib/cascader/cascader.d.ts +303 -0
  48. package/lib/cascader/cascader.less +196 -0
  49. package/lib/cascader/cascader.variable.css +286 -0
  50. package/lib/cascader/index.d.ts +868 -0
  51. package/lib/cascader/index.js +1 -0
  52. package/lib/cascader/interface.d.ts +51 -0
  53. package/lib/cascader/node.d.ts +31 -0
  54. package/lib/cascader/store.d.ts +23 -0
  55. package/lib/checkbox/checkbox-group.d.ts +16 -0
  56. package/lib/checkbox/checkbox.css +38 -6
  57. package/lib/checkbox/checkbox.d.ts +16 -14
  58. package/lib/checkbox/checkbox.less +48 -6
  59. package/lib/checkbox/checkbox.variable.css +61 -9
  60. package/lib/checkbox/common.d.ts +3 -3
  61. package/lib/checkbox/index.d.ts +40 -23
  62. package/lib/checkbox/index.js +1 -1
  63. package/lib/checkbox/type.d.ts +3 -7
  64. package/lib/code-diff/code-diff.css +186 -0
  65. package/lib/code-diff/code-diff.d.ts +80 -0
  66. package/lib/code-diff/code-diff.less +238 -0
  67. package/lib/code-diff/code-diff.variable.css +299 -0
  68. package/lib/code-diff/index.d.ts +154 -0
  69. package/lib/code-diff/index.js +1 -0
  70. package/lib/collapse/collapse-panel.d.ts +75 -0
  71. package/lib/collapse/collapse.css +28 -12
  72. package/lib/collapse/collapse.d.ts +11 -52
  73. package/lib/collapse/collapse.less +54 -29
  74. package/lib/collapse/collapse.variable.css +141 -12
  75. package/lib/collapse/index.d.ts +116 -16
  76. package/lib/collapse/index.js +1 -1
  77. package/lib/collapse/props.d.ts +123 -0
  78. package/lib/collapse/utils.d.ts +11 -0
  79. package/lib/color-picker/color-picker.css +275 -0
  80. package/lib/color-picker/color-picker.d.ts +144 -0
  81. package/lib/color-picker/color-picker.less +325 -0
  82. package/lib/color-picker/color-picker.variable.css +388 -0
  83. package/lib/color-picker/components/color-input.d.ts +42 -0
  84. package/lib/color-picker/components/hue-slider.d.ts +41 -0
  85. package/lib/color-picker/components/input-container.d.ts +42 -0
  86. package/lib/color-picker/components/recommend-colors.d.ts +51 -0
  87. package/lib/color-picker/components/saturation-panel.d.ts +41 -0
  88. package/lib/color-picker/index.d.ts +254 -0
  89. package/lib/color-picker/index.js +1 -0
  90. package/lib/color-picker/utils.d.ts +37 -0
  91. package/lib/components.d.ts +28 -7
  92. package/lib/components.js +1 -0
  93. package/lib/container/col.d.ts +51 -0
  94. package/lib/container/container.css +91 -0
  95. package/lib/container/container.d.ts +83 -0
  96. package/lib/container/container.less +20 -0
  97. package/lib/container/container.variable.css +204 -0
  98. package/lib/container/index.d.ts +223 -0
  99. package/lib/container/index.js +1 -0
  100. package/lib/container/row.d.ts +4 -0
  101. package/lib/date-picker/base/confirm.d.ts +74 -0
  102. package/lib/date-picker/base/date-table.d.ts +102 -0
  103. package/lib/date-picker/base/picker-dropdown.d.ts +73 -0
  104. package/lib/date-picker/base/time-spinner.d.ts +153 -0
  105. package/lib/date-picker/date-picker.css +18 -2
  106. package/lib/date-picker/date-picker.d.ts +53 -136
  107. package/lib/date-picker/date-picker.less +23 -2
  108. package/lib/date-picker/date-picker.variable.css +41 -5
  109. package/lib/date-picker/index.d.ts +87 -26
  110. package/lib/date-picker/index.js +1 -1
  111. package/lib/date-picker/interface.d.ts +10 -1
  112. package/lib/date-picker/panel/date-range.d.ts +452 -0
  113. package/lib/date-picker/panel/date.d.ts +550 -0
  114. package/lib/date-picker/panel/time.d.ts +450 -0
  115. package/lib/date-picker/props.d.ts +161 -0
  116. package/lib/date-picker/time-picker.d.ts +381 -0
  117. package/lib/date-picker/utils.d.ts +22 -1
  118. package/lib/dialog/dialog.css +132 -21
  119. package/lib/dialog/dialog.d.ts +272 -56
  120. package/lib/dialog/dialog.less +77 -22
  121. package/lib/dialog/dialog.variable.css +132 -21
  122. package/lib/dialog/index.d.ts +598 -124
  123. package/lib/dialog/index.js +1 -1
  124. package/lib/dialog/props.d.ts +138 -0
  125. package/lib/directives/clickoutside.d.ts +3 -23
  126. package/lib/directives/ellipsis.d.ts +7 -0
  127. package/lib/directives/index.d.ts +1 -0
  128. package/lib/directives/index.js +2 -15
  129. package/lib/directives/index.js.LICENSE.txt +14 -0
  130. package/lib/directives/tooltips.d.ts +1 -1
  131. package/lib/dist.index.js +1 -0
  132. package/lib/divider/divider.d.ts +1 -1
  133. package/lib/divider/divider.variable.css +23 -3
  134. package/lib/divider/index.d.ts +4 -4
  135. package/lib/divider/index.js +1 -1
  136. package/lib/divider/props.d.ts +21 -0
  137. package/lib/dropdown/const.d.ts +4 -0
  138. package/lib/dropdown/dropdown.css +13 -7
  139. package/lib/dropdown/dropdown.d.ts +35 -4
  140. package/lib/dropdown/dropdown.less +47 -34
  141. package/lib/dropdown/dropdown.variable.css +36 -10
  142. package/lib/dropdown/index.d.ts +75 -14
  143. package/lib/dropdown/index.js +1 -1
  144. package/lib/exception/exception.css +40 -14
  145. package/lib/exception/exception.d.ts +10 -3
  146. package/lib/exception/exception.less +59 -22
  147. package/lib/exception/exception.variable.css +63 -17
  148. package/lib/exception/index.d.ts +23 -8
  149. package/lib/exception/index.js +1 -1
  150. package/lib/exception/typings/index.d.ts +4 -0
  151. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  152. package/lib/fixed-navbar/fixed-navbar.variable.css +23 -3
  153. package/lib/fixed-navbar/index.d.ts +40 -5
  154. package/lib/fixed-navbar/index.js +1 -1
  155. package/lib/form/compose-form-item.d.ts +16 -0
  156. package/lib/form/form-item.d.ts +21 -24
  157. package/lib/form/form.css +102 -10
  158. package/lib/form/form.d.ts +37 -40
  159. package/lib/form/form.less +145 -34
  160. package/lib/form/form.variable.css +215 -10
  161. package/lib/form/index.d.ts +103 -85
  162. package/lib/form/index.js +1 -1
  163. package/lib/form/type.d.ts +8 -6
  164. package/lib/form/validator.d.ts +1 -0
  165. package/lib/icon/angle-double-down-line.js +1 -15
  166. package/lib/icon/angle-double-left-line.js +1 -15
  167. package/lib/icon/angle-double-left.js +1 -15
  168. package/lib/icon/angle-double-right-line.js +1 -15
  169. package/lib/icon/angle-double-right.js +1 -15
  170. package/lib/icon/angle-double-up-line.js +1 -15
  171. package/lib/icon/angle-down-fill.js +1 -15
  172. package/lib/icon/angle-down-line.js +1 -15
  173. package/lib/icon/angle-down.js +1 -15
  174. package/lib/icon/angle-left.js +1 -15
  175. package/lib/icon/angle-right.js +1 -15
  176. package/lib/icon/angle-up-fill.js +1 -15
  177. package/lib/icon/angle-up.js +1 -15
  178. package/lib/icon/archive-fill.d.ts +4 -0
  179. package/lib/icon/archive-fill.js +1 -0
  180. package/lib/icon/arrows-left.js +1 -15
  181. package/lib/icon/arrows-right.js +1 -15
  182. package/lib/icon/audio-fill.d.ts +4 -0
  183. package/lib/icon/audio-fill.js +1 -0
  184. package/lib/icon/bk.js +1 -15
  185. package/lib/icon/circle.js +1 -15
  186. package/lib/icon/close-line.d.ts +4 -0
  187. package/lib/icon/close-line.js +1 -0
  188. package/lib/icon/close.js +1 -15
  189. package/lib/icon/code.js +1 -15
  190. package/lib/icon/cog-shape.js +1 -15
  191. package/lib/icon/collapse-left.js +1 -15
  192. package/lib/icon/copy.js +1 -15
  193. package/lib/icon/data-shape.d.ts +4 -0
  194. package/lib/icon/data-shape.js +1 -0
  195. package/lib/icon/del.d.ts +4 -0
  196. package/lib/icon/del.js +1 -0
  197. package/lib/icon/doc-fill.d.ts +4 -0
  198. package/lib/icon/doc-fill.js +1 -0
  199. package/lib/icon/done.js +1 -15
  200. package/lib/icon/down-shape.js +1 -15
  201. package/lib/icon/down-small.js +1 -15
  202. package/lib/icon/edit-line.d.ts +4 -0
  203. package/lib/icon/edit-line.js +1 -0
  204. package/lib/icon/ellipsis.js +1 -15
  205. package/lib/icon/enlarge-line.d.ts +4 -0
  206. package/lib/icon/enlarge-line.js +1 -0
  207. package/lib/icon/error.js +1 -15
  208. package/lib/icon/excel-fill.d.ts +4 -0
  209. package/lib/icon/excel-fill.js +1 -0
  210. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  211. package/lib/icon/exclamation-circle-shape.js +1 -0
  212. package/lib/icon/eye.js +1 -15
  213. package/lib/icon/filliscreen-line.d.ts +4 -0
  214. package/lib/icon/filliscreen-line.js +1 -0
  215. package/lib/icon/folder-open.js +1 -15
  216. package/lib/icon/folder-shape-open.js +1 -15
  217. package/lib/icon/folder-shape.js +1 -15
  218. package/lib/icon/folder.js +1 -15
  219. package/lib/icon/funnel.d.ts +4 -0
  220. package/lib/icon/funnel.js +1 -0
  221. package/lib/icon/help-document-fill.js +1 -15
  222. package/lib/icon/help-fill.js +1 -15
  223. package/lib/icon/help.js +1 -15
  224. package/lib/icon/image-fill.d.ts +4 -0
  225. package/lib/icon/img-error.d.ts +4 -0
  226. package/lib/icon/img-error.js +1 -0
  227. package/lib/icon/img-placehoulder.d.ts +4 -0
  228. package/lib/icon/img-placehoulder.js +1 -0
  229. package/lib/icon/index.d.ts +26 -1
  230. package/lib/icon/index.js +1 -15
  231. package/lib/icon/info-line.js +1 -15
  232. package/lib/icon/info.js +1 -15
  233. package/lib/icon/left-shape.js +1 -15
  234. package/lib/icon/left-turn-line.d.ts +4 -0
  235. package/lib/icon/left-turn-line.js +1 -0
  236. package/lib/icon/narrow-line.d.ts +4 -0
  237. package/lib/icon/narrow-line.js +1 -0
  238. package/lib/icon/original .d.ts +4 -0
  239. package/lib/icon/original .js +1 -0
  240. package/lib/icon/pdf-fill.d.ts +4 -0
  241. package/lib/icon/pdf-fill.js +1 -0
  242. package/lib/icon/play-shape.js +1 -15
  243. package/lib/icon/plus.js +1 -15
  244. package/lib/icon/ppt-fill.d.ts +4 -0
  245. package/lib/icon/ppt-fill.js +1 -0
  246. package/lib/icon/qq.js +1 -15
  247. package/lib/icon/right-shape.js +1 -15
  248. package/lib/icon/right-turn-line.d.ts +4 -0
  249. package/lib/icon/right-turn-line.js +1 -0
  250. package/lib/icon/search.js +1 -15
  251. package/lib/icon/share.js +1 -15
  252. package/lib/icon/spinner.js +1 -15
  253. package/lib/icon/success.js +1 -15
  254. package/lib/icon/switcher-loading.js +1 -15
  255. package/lib/icon/text-file.js +1 -15
  256. package/lib/icon/text-fill.d.ts +4 -0
  257. package/lib/icon/text-fill.js +1 -0
  258. package/lib/icon/tree-application-shape.js +1 -15
  259. package/lib/icon/unfull-screen.d.ts +4 -0
  260. package/lib/icon/unfull-screen.js +1 -0
  261. package/lib/icon/unvisible.js +1 -15
  262. package/lib/icon/up-shape.js +1 -15
  263. package/lib/icon/upload.d.ts +4 -0
  264. package/lib/icon/upload.js +1 -0
  265. package/lib/icon/video-fill.d.ts +4 -0
  266. package/lib/icon/video-fill.js +1 -0
  267. package/lib/icon/warn.js +1 -15
  268. package/lib/icon/weixin.js +1 -15
  269. package/lib/image/image-viewer.css +142 -0
  270. package/lib/image/image-viewer.d.ts +73 -0
  271. package/lib/image/image-viewer.less +168 -0
  272. package/lib/image/image-viewer.variable.css +142 -0
  273. package/lib/image/image.css +37 -0
  274. package/lib/image/image.d.ts +93 -0
  275. package/lib/image/image.less +44 -0
  276. package/lib/image/image.variable.css +37 -0
  277. package/lib/image/index.d.ts +246 -0
  278. package/lib/image/index.js +1 -0
  279. package/lib/image/props.d.ts +71 -0
  280. package/lib/index.d.ts +1 -1
  281. package/lib/index.js +1 -0
  282. package/lib/info-box/index.css +37 -0
  283. package/lib/info-box/index.d.ts +26 -0
  284. package/lib/info-box/index.js +1 -0
  285. package/lib/info-box/index.less +50 -0
  286. package/lib/info-box/index.variable.css +37 -0
  287. package/lib/input/index.d.ts +209 -44
  288. package/lib/input/index.js +1 -15
  289. package/lib/input/input.css +232 -17
  290. package/lib/input/input.d.ts +142 -12
  291. package/lib/input/input.less +180 -18
  292. package/lib/input/input.variable.css +252 -16
  293. package/lib/link/index.d.ts +4 -4
  294. package/lib/link/index.js +1 -1
  295. package/lib/link/link.css +12 -12
  296. package/lib/link/link.d.ts +1 -1
  297. package/lib/link/link.less +16 -14
  298. package/lib/link/link.variable.css +35 -15
  299. package/lib/loading/index.d.ts +135 -19
  300. package/lib/loading/index.js +1 -1
  301. package/lib/loading/loading.css +177 -98
  302. package/lib/loading/loading.d.ts +96 -12
  303. package/lib/loading/loading.less +84 -73
  304. package/lib/loading/loading.variable.css +200 -101
  305. package/lib/menu/index.d.ts +16 -24
  306. package/lib/menu/index.js +1 -1
  307. package/lib/menu/menu.css +51 -0
  308. package/lib/menu/menu.d.ts +7 -16
  309. package/lib/menu/menu.variable.css +74 -3
  310. package/lib/menu/submenu.variable.css +23 -3
  311. package/lib/menu/utils.d.ts +1 -1
  312. package/lib/message/index.js +1 -1
  313. package/lib/message/message.css +24 -3
  314. package/lib/message/message.less +27 -2
  315. package/lib/message/message.variable.css +47 -6
  316. package/lib/message/messageConstructor.d.ts +43 -7
  317. package/lib/modal/index.d.ts +501 -75
  318. package/lib/modal/index.js +1 -1
  319. package/lib/modal/modal.css +63 -1
  320. package/lib/modal/modal.d.ts +192 -29
  321. package/lib/modal/modal.less +36 -1
  322. package/lib/modal/modal.variable.css +63 -1
  323. package/lib/modal/props.mixin.d.ts +82 -13
  324. package/lib/navigation/index.d.ts +310 -1
  325. package/lib/navigation/index.js +1 -1
  326. package/lib/navigation/navigation.css +1 -1
  327. package/lib/navigation/navigation.d.ts +10 -1
  328. package/lib/navigation/navigation.less +1 -1
  329. package/lib/navigation/navigation.variable.css +24 -4
  330. package/lib/notify/index.js +1 -1
  331. package/lib/notify/notify.css +24 -4
  332. package/lib/notify/notify.less +27 -4
  333. package/lib/notify/notify.variable.css +47 -7
  334. package/lib/notify/notifyConstructor.d.ts +50 -6
  335. package/lib/pagination/index.d.ts +35 -20
  336. package/lib/pagination/index.js +1 -1
  337. package/lib/pagination/pagination.css +54 -28
  338. package/lib/pagination/pagination.d.ts +16 -6
  339. package/lib/pagination/pagination.less +58 -31
  340. package/lib/pagination/pagination.variable.css +77 -31
  341. package/lib/pagination/type.d.ts +1 -1
  342. package/lib/plugin-popover/index.d.ts +27 -0
  343. package/lib/plugin-popover/index.js +1 -0
  344. package/lib/plugins/index.d.ts +1 -0
  345. package/lib/plugins/index.js +1 -0
  346. package/lib/popover/index.d.ts +146 -21
  347. package/lib/popover/index.js +1 -1
  348. package/lib/popover/popover.css +3 -0
  349. package/lib/popover/popover.d.ts +67 -8
  350. package/lib/popover/popover.less +2 -0
  351. package/lib/popover/popover.variable.css +26 -3
  352. package/lib/popover/props.d.ts +34 -2
  353. package/lib/popover2/arrow.d.ts +2 -0
  354. package/lib/popover2/const.d.ts +10 -0
  355. package/lib/popover2/content.d.ts +24 -0
  356. package/lib/popover2/index.d.ts +524 -0
  357. package/lib/popover2/index.js +1 -0
  358. package/lib/popover2/plugin-popover.d.ts +12 -0
  359. package/lib/popover2/popover2.css +25 -0
  360. package/lib/popover2/popover2.d.ts +221 -0
  361. package/lib/popover2/popover2.less +35 -0
  362. package/lib/popover2/popover2.variable.css +138 -0
  363. package/lib/popover2/props.d.ts +118 -0
  364. package/lib/popover2/reference.d.ts +2 -0
  365. package/lib/popover2/root.d.ts +16 -0
  366. package/lib/popover2/use-floating.d.ts +20 -0
  367. package/lib/popover2/use-platform.d.ts +30 -0
  368. package/lib/popover2/use-popover-init.d.ts +13 -0
  369. package/lib/popover2/use-popper-id.d.ts +7 -0
  370. package/lib/popover2/utils.d.ts +1 -0
  371. package/lib/preset.js +1 -0
  372. package/lib/process/index.d.ts +9 -9
  373. package/lib/process/index.js +1 -15
  374. package/lib/process/process.css +13 -0
  375. package/lib/process/process.d.ts +2 -2
  376. package/lib/process/process.less +17 -0
  377. package/lib/process/process.variable.css +36 -3
  378. package/lib/progress/index.d.ts +7 -7
  379. package/lib/progress/index.js +1 -1
  380. package/lib/progress/progress.css +51 -0
  381. package/lib/progress/progress.d.ts +2 -2
  382. package/lib/progress/progress.variable.css +74 -3
  383. package/lib/radio/common.d.ts +5 -5
  384. package/lib/radio/index.d.ts +30 -19
  385. package/lib/radio/index.js +1 -1
  386. package/lib/radio/radio-button.d.ts +7 -8
  387. package/lib/radio/radio-group.d.ts +16 -0
  388. package/lib/radio/radio.css +62 -57
  389. package/lib/radio/radio.d.ts +4 -4
  390. package/lib/radio/radio.less +181 -172
  391. package/lib/radio/radio.variable.css +87 -62
  392. package/lib/radio/type.d.ts +10 -5
  393. package/lib/rate/index.d.ts +24 -1
  394. package/lib/rate/index.js +1 -1
  395. package/lib/rate/rate.d.ts +11 -0
  396. package/lib/rate/star.d.ts +1 -1
  397. package/lib/resize-layout/index.d.ts +336 -0
  398. package/lib/resize-layout/index.js +1 -0
  399. package/lib/resize-layout/resize-layout.css +189 -0
  400. package/lib/resize-layout/resize-layout.d.ts +127 -0
  401. package/lib/resize-layout/resize-layout.less +233 -0
  402. package/lib/resize-layout/resize-layout.variable.css +302 -0
  403. package/lib/search-select/index.d.ts +681 -0
  404. package/lib/search-select/index.js +1 -0
  405. package/lib/search-select/input.d.ts +85 -0
  406. package/lib/search-select/menu.css +145 -0
  407. package/lib/search-select/menu.d.ts +83 -0
  408. package/lib/search-select/menu.less +134 -0
  409. package/lib/search-select/menu.variable.css +145 -0
  410. package/lib/search-select/search-select.css +426 -0
  411. package/lib/search-select/search-select.d.ts +273 -0
  412. package/lib/search-select/search-select.less +227 -0
  413. package/lib/search-select/search-select.variable.css +539 -0
  414. package/lib/search-select/selected.css +21 -0
  415. package/lib/search-select/selected.d.ts +137 -0
  416. package/lib/search-select/selected.less +24 -0
  417. package/lib/search-select/selected.variable.css +21 -0
  418. package/lib/search-select/utils.d.ts +79 -0
  419. package/lib/select/common.d.ts +20 -31
  420. package/lib/select/index.d.ts +1416 -451
  421. package/lib/select/index.js +1 -15
  422. package/lib/select/option.d.ts +16 -4
  423. package/lib/select/optionGroup.d.ts +1 -77
  424. package/lib/select/select.css +265 -80
  425. package/lib/select/select.d.ts +551 -126
  426. package/lib/select/select.less +366 -185
  427. package/lib/select/select.variable.css +289 -84
  428. package/lib/select/selectTagInput.d.ts +93 -0
  429. package/lib/select/type.d.ts +39 -0
  430. package/lib/shared/dom.d.ts +3 -0
  431. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +0 -1
  432. package/lib/shared/hooks/use-form-item.d.ts +2 -0
  433. package/lib/shared/hooks/use-form.d.ts +2 -0
  434. package/lib/shared/index.d.ts +17 -4
  435. package/lib/shared/index.js +1 -1
  436. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +6 -2
  437. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +7 -2
  438. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +7 -3
  439. package/lib/shared/token.d.ts +4 -0
  440. package/lib/shared/utils.d.ts +13 -0
  441. package/lib/shared/vue-types.d.ts +9 -1
  442. package/lib/sideslider/index.d.ts +388 -73
  443. package/lib/sideslider/index.js +1 -1
  444. package/lib/sideslider/sideslider.css +55 -10
  445. package/lib/sideslider/sideslider.d.ts +180 -32
  446. package/lib/sideslider/sideslider.less +72 -13
  447. package/lib/sideslider/sideslider.variable.css +78 -13
  448. package/lib/slider/index.d.ts +414 -1
  449. package/lib/slider/index.js +1 -15
  450. package/lib/slider/slider-button.d.ts +5 -0
  451. package/lib/slider/slider.d.ts +14 -2
  452. package/lib/slider/slider.variable.css +23 -3
  453. package/lib/steps/index.d.ts +4 -4
  454. package/lib/steps/index.js +1 -15
  455. package/lib/steps/steps.css +14 -3
  456. package/lib/steps/steps.d.ts +1 -1
  457. package/lib/steps/steps.less +23 -3
  458. package/lib/steps/steps.variable.css +37 -6
  459. package/lib/styles/index.d.ts +12 -0
  460. package/lib/styles/mixins/clearfix.css +8 -0
  461. package/lib/styles/mixins/clearfix.less +10 -0
  462. package/lib/styles/mixins/clearfix.variable.css +8 -0
  463. package/lib/styles/mixins/mixins.css +51 -0
  464. package/lib/styles/mixins/mixins.less +2 -0
  465. package/lib/styles/mixins/mixins.variable.css +51 -0
  466. package/lib/styles/mixins/scroll.css +17 -0
  467. package/lib/styles/mixins/scroll.less +22 -0
  468. package/lib/styles/mixins/scroll.variable.css +130 -0
  469. package/lib/styles/reset.css +36 -0
  470. package/lib/styles/reset.less +26 -0
  471. package/lib/styles/reset.variable.css +36 -0
  472. package/lib/styles/themes/themes.less +29 -3
  473. package/lib/swiper/index.d.ts +181 -0
  474. package/lib/swiper/index.js +1 -0
  475. package/lib/swiper/swiper.css +91 -0
  476. package/lib/swiper/swiper.d.ts +65 -0
  477. package/lib/swiper/swiper.less +107 -0
  478. package/lib/swiper/swiper.variable.css +91 -0
  479. package/lib/switcher/index.d.ts +37 -14
  480. package/lib/switcher/index.js +1 -1
  481. package/lib/switcher/switcher.css +57 -6
  482. package/lib/switcher/switcher.d.ts +16 -5
  483. package/lib/switcher/switcher.less +5 -26
  484. package/lib/switcher/switcher.variable.css +80 -9
  485. package/lib/tab/index.d.ts +107 -219
  486. package/lib/tab/index.js +1 -1
  487. package/lib/tab/props.d.ts +194 -0
  488. package/lib/tab/tab-nav.d.ts +66 -87
  489. package/lib/tab/tab-panel.d.ts +40 -15
  490. package/lib/tab/tab.css +25 -1
  491. package/lib/tab/tab.d.ts +17 -41
  492. package/lib/tab/tab.less +31 -19
  493. package/lib/tab/tab.variable.css +48 -4
  494. package/lib/table/components/index.d.ts +3 -0
  495. package/lib/table/components/table-cell.d.ts +27 -0
  496. package/lib/table/components/table-column.d.ts +138 -0
  497. package/lib/table/components/table-row.d.ts +2 -0
  498. package/lib/table/const.d.ts +98 -1
  499. package/lib/table/index.d.ts +776 -22
  500. package/lib/table/index.js +1 -1
  501. package/lib/table/plugins/body-empty.d.ts +40 -0
  502. package/lib/table/plugins/col-group.d.ts +38 -0
  503. package/lib/table/plugins/common.d.ts +6 -0
  504. package/lib/table/plugins/head-filter.css +72 -0
  505. package/lib/table/plugins/head-filter.d.ts +26 -0
  506. package/lib/table/plugins/head-filter.less +93 -0
  507. package/lib/table/plugins/head-filter.variable.css +185 -0
  508. package/lib/table/plugins/head-sort.css +22 -0
  509. package/lib/table/plugins/head-sort.d.ts +22 -0
  510. package/lib/table/plugins/head-sort.less +28 -0
  511. package/lib/table/plugins/head-sort.variable.css +135 -0
  512. package/lib/table/plugins/index.d.ts +5 -0
  513. package/lib/table/plugins/settings.css +129 -0
  514. package/lib/table/plugins/settings.d.ts +37 -0
  515. package/lib/table/plugins/settings.less +157 -0
  516. package/lib/table/plugins/settings.variable.css +242 -0
  517. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  518. package/lib/table/plugins/use-column-resize.d.ts +15 -0
  519. package/lib/table/plugins/use-fixed-column.d.ts +15 -0
  520. package/lib/table/plugins/use-pagination.d.ts +16 -0
  521. package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
  522. package/lib/table/props.d.ts +265 -5
  523. package/lib/table/render.d.ts +55 -6
  524. package/lib/table/table.css +1130 -15
  525. package/lib/table/table.d.ts +197 -10
  526. package/lib/table/table.less +228 -25
  527. package/lib/table/table.variable.css +1164 -29
  528. package/lib/table/use-column.d.ts +11 -0
  529. package/lib/table/use-common.d.ts +95 -0
  530. package/lib/table/utils.d.ts +50 -9
  531. package/lib/table-column/index.d.ts +328 -0
  532. package/lib/table-column/index.js +1 -0
  533. package/lib/tag/index.d.ts +4 -4
  534. package/lib/tag/index.js +1 -1
  535. package/lib/tag/tag.css +57 -18
  536. package/lib/tag/tag.d.ts +1 -1
  537. package/lib/tag/tag.less +58 -15
  538. package/lib/tag/tag.variable.css +80 -21
  539. package/lib/tag-input/common.d.ts +27 -0
  540. package/lib/tag-input/index.d.ts +1241 -0
  541. package/lib/tag-input/index.js +1 -0
  542. package/lib/tag-input/list-tag-render.d.ts +47 -0
  543. package/lib/tag-input/tag-input.css +209 -0
  544. package/lib/tag-input/tag-input.d.ts +547 -0
  545. package/lib/tag-input/tag-input.less +251 -0
  546. package/lib/tag-input/tag-input.variable.css +322 -0
  547. package/lib/tag-input/tag-props.d.ts +217 -0
  548. package/lib/tag-input/tag-render.d.ts +38 -0
  549. package/lib/time-picker/index.d.ts +904 -0
  550. package/lib/time-picker/index.js +1 -0
  551. package/lib/time-picker/time-picker.css +215 -0
  552. package/lib/time-picker/time-picker.less +260 -0
  553. package/lib/time-picker/time-picker.variable.css +328 -0
  554. package/lib/timeline/index.d.ts +6 -6
  555. package/lib/timeline/index.js +1 -1
  556. package/lib/timeline/timeline.css +5 -5
  557. package/lib/timeline/timeline.d.ts +1 -1
  558. package/lib/timeline/timeline.less +6 -5
  559. package/lib/timeline/timeline.variable.css +28 -8
  560. package/lib/transfer/const.d.ts +5 -0
  561. package/lib/transfer/index.d.ts +339 -1
  562. package/lib/transfer/index.js +1 -1
  563. package/lib/transfer/props.d.ts +54 -0
  564. package/lib/transfer/transfer.css +45 -64
  565. package/lib/transfer/transfer.d.ts +70 -95
  566. package/lib/transfer/transfer.less +54 -81
  567. package/lib/transfer/transfer.variable.css +68 -67
  568. package/lib/tree/constant.d.ts +45 -0
  569. package/lib/tree/index.d.ts +332 -62
  570. package/lib/tree/index.js +1 -1
  571. package/lib/tree/props.d.ts +110 -6
  572. package/lib/tree/tree.css +175 -14
  573. package/lib/tree/tree.d.ts +152 -22
  574. package/lib/tree/tree.less +70 -26
  575. package/lib/tree/tree.variable.css +288 -14
  576. package/lib/tree/use-empty.d.ts +6 -0
  577. package/lib/tree/use-node-action.d.ts +12 -0
  578. package/lib/tree/use-node-async.d.ts +5 -0
  579. package/lib/tree/use-node-attribute.d.ts +33 -0
  580. package/lib/tree/use-node-drag.d.ts +3 -0
  581. package/lib/tree/use-search.d.ts +11 -0
  582. package/lib/tree/use-tree-init.d.ts +15 -0
  583. package/lib/tree/util.d.ts +22 -13
  584. package/lib/upload/index.d.ts +580 -0
  585. package/lib/upload/index.js +1 -0
  586. package/lib/upload/props.d.ts +113 -0
  587. package/lib/upload/upload-list.d.ts +47 -0
  588. package/lib/upload/upload-trigger.d.ts +54 -0
  589. package/lib/upload/upload.css +425 -0
  590. package/lib/upload/upload.d.ts +252 -0
  591. package/lib/upload/upload.less +464 -0
  592. package/lib/upload/upload.type.d.ts +78 -0
  593. package/lib/upload/upload.variable.css +538 -0
  594. package/lib/upload/use-ajax-upload.d.ts +3 -0
  595. package/lib/upload/use-file-handler.d.ts +44 -0
  596. package/lib/virtual-render/index.d.ts +24 -1
  597. package/lib/virtual-render/index.js +1 -1
  598. package/lib/virtual-render/props.d.ts +10 -0
  599. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  600. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  601. package/lib/virtual-render/virtual-render.css +17 -24
  602. package/lib/virtual-render/virtual-render.d.ts +13 -2
  603. package/lib/virtual-render/virtual-render.less +2 -31
  604. package/lib/virtual-render/virtual-render.variable.css +130 -24
  605. package/lib/volar.components.d.ts +101 -0
  606. package/package.json +67 -52
  607. package/README_EN.md +0 -89
  608. package/dist/bkui-vue.cjs.js +0 -13449
  609. package/dist/bkui-vue.esm.js +0 -13398
  610. package/dist/bkui-vue.umd.js +0 -13452
  611. package/lib/form/common.d.ts +0 -3
  612. package/lib/icon/icon.js +0 -15
  613. package/lib/styles/index.js +0 -1
  614. package/lib/use-form.d.ts +0 -3
@@ -9,6 +9,7 @@
9
9
  --gray-color: #979ba5;
10
10
  --light-gray: #c4c6cc;
11
11
  --white-color: white;
12
+ --whitesmoke-color: #fafbfd;
12
13
  --disable-color: #dcdee5;
13
14
  --font-size-base: 12px;
14
15
  --font-size-medium: 14px;
@@ -18,7 +19,7 @@
18
19
  --line-height-large: 18px;
19
20
  --component-size-small: 26px;
20
21
  --component-size-base: 32px;
21
- --component-size-large: 38px;
22
+ --component-size-large: 40px;
22
23
  --border-width-base: 1px;
23
24
  --border-style-base: solid;
24
25
  --border-radius-base: 2px;
@@ -31,8 +32,9 @@
31
32
  --input-broder-radius: 3px;
32
33
  --input-shadow-color: #a3c5fd;
33
34
  --input-horizontal-padding: 10px;
34
- --input-block-color: #f4f6fa;
35
- --input-icon-size: var(--font-size-large);
35
+ --input-block-color: #f5f7fa;
36
+ --input-block-hover-color: #eaebf0;
37
+ --input-icon-size: var(--font-size-medium);
36
38
  --input-maxlength-color: #979ba5;
37
39
  --button-primary-hover-color: #5594fa;
38
40
  --button-danger-hover-color: #ff5656;
@@ -43,6 +45,15 @@
43
45
  --button-danger-active-color: #db2626;
44
46
  --button-success-active-color: #1ab943;
45
47
  --button-warning-active-color: #eb9000;
48
+ --button-selected-bg-color: #e1ecff;
49
+ --button-disabled-selected-bg-color: #f0f1f5;
50
+ --radio-font-color: #63656e;
51
+ --radio-active-color: #5594fa;
52
+ --radio-hover-border-color: #979ba5;
53
+ --radio-disabled-border: #dcdee5;
54
+ --radio-disabled-font-color: #c4c6c;
55
+ --radio-distable-checked-bg: #fafbfd;
56
+ --radio-button-checked-bg: #e1ecff;
46
57
  --fixed-navbar-background: #fff;
47
58
  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
48
59
  --switch-default-color: #fff;
@@ -63,12 +74,16 @@
63
74
  --message-color: var(--default-color);
64
75
  --message-primary-bg-color: #f0f8ff;
65
76
  --message-primary-border-color: #e1ecff;
77
+ --message-primary-shadow-color: #e1e8f4;
66
78
  --message-warning-bg-color: #fff4e2;
67
79
  --message-warning-border-color: #ffe8c3;
80
+ --message-warning-shadow-color: #ede6db;
68
81
  --message-success-bg-color: #f2fff4;
69
82
  --message-success-border-color: #dcffe2;
83
+ --message-success-shadow-color: #cef0d7;
70
84
  --message-danger-bg-color: #ffeded;
71
85
  --message-danger-border-color: #ffdddd;
86
+ --message-danger-shadow-color: #f6dada;
72
87
  --slider-default-bg: #dcdee5;
73
88
  --slider-disable-bar-bg: #979ba5;
74
89
  --menu-bg-color: #182132;
@@ -90,18 +105,20 @@
90
105
  --table-head-font-color: #313238;
91
106
  --table-body-font-color: #575961;
92
107
  --table-row-hover-bg-color: #f5f7fa;
108
+ --table-row-active-bg-color: #f0f1f5;
109
+ --cascader-panel-border-color: #dcdee5;
110
+ --cascader-panel-hover: #f5f7fa;
111
+ --cascader-panel-active: #e1ecff;
112
+ --cascader-panel-disabled-bg: #fff;
93
113
  }
94
114
  .bk-button {
95
- display: inline-block;
115
+ display: inline-flex;
96
116
  height: 32px;
97
- min-width: 64px;
98
- padding: 0 15px;
117
+ padding: 5px 12px;
99
118
  font-size: var(--font-size-medium);
100
119
  color: var(--default-color);
101
- text-align: center;
102
120
  text-decoration: none;
103
121
  white-space: nowrap;
104
- vertical-align: middle;
105
122
  cursor: pointer;
106
123
  background-color: var(--white-color);
107
124
  border: 1px solid var(--light-gray);
@@ -110,6 +127,8 @@
110
127
  box-sizing: border-box;
111
128
  transition: background-color ease 0.3s;
112
129
  appearance: none;
130
+ align-items: center;
131
+ justify-content: center;
113
132
  }
114
133
  .bk-button.bk-button-primary {
115
134
  background-color: var(--primary-color);
@@ -123,10 +142,7 @@
123
142
  .bk-button.bk-button-primary:active {
124
143
  background-color: var(--button-primary-active-color);
125
144
  border-color: var(--button-primary-active-color);
126
- }
127
- .bk-button.bk-button-primary.is-disabled {
128
- background-color: var(--disable-color);
129
- border-color: var(--disable-color);
145
+ color: var(--white-color);
130
146
  }
131
147
  .bk-button.bk-button-primary.is-outline {
132
148
  color: var(--primary-color);
@@ -140,12 +156,21 @@
140
156
  }
141
157
  .bk-button.bk-button-primary.is-text {
142
158
  color: var(--primary-color);
143
- background: none;
159
+ background-color: transparent;
144
160
  border: none;
145
161
  }
146
- .bk-button.bk-button-primary.is-text:hover {
162
+ .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
147
163
  color: var(--button-primary-hover-color);
148
164
  }
165
+ .bk-button.bk-button-primary.is-disabled {
166
+ color: var(--disable-color);
167
+ cursor: not-allowed;
168
+ }
169
+ .bk-button.bk-button-primary.is-disabled:not(.is-text) {
170
+ background-color: var(--disable-color);
171
+ color: var(--white-color);
172
+ border-color: var(--disable-color);
173
+ }
149
174
  .bk-button.bk-button-hover-primary:hover {
150
175
  background-color: var(--button-primary-hover-color);
151
176
  border-color: var(--button-primary-hover-color);
@@ -163,10 +188,7 @@
163
188
  .bk-button.bk-button-warning:active {
164
189
  background-color: var(--button-warning-active-color);
165
190
  border-color: var(--button-warning-active-color);
166
- }
167
- .bk-button.bk-button-warning.is-disabled {
168
- background-color: var(--disable-color);
169
- border-color: var(--disable-color);
191
+ color: var(--white-color);
170
192
  }
171
193
  .bk-button.bk-button-warning.is-outline {
172
194
  color: var(--warning-color);
@@ -180,12 +202,21 @@
180
202
  }
181
203
  .bk-button.bk-button-warning.is-text {
182
204
  color: var(--warning-color);
183
- background: none;
205
+ background-color: transparent;
184
206
  border: none;
185
207
  }
186
- .bk-button.bk-button-warning.is-text:hover {
208
+ .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
187
209
  color: var(--button-warning-hover-color);
188
210
  }
211
+ .bk-button.bk-button-warning.is-disabled {
212
+ color: var(--disable-color);
213
+ cursor: not-allowed;
214
+ }
215
+ .bk-button.bk-button-warning.is-disabled:not(.is-text) {
216
+ background-color: var(--disable-color);
217
+ color: var(--white-color);
218
+ border-color: var(--disable-color);
219
+ }
189
220
  .bk-button.bk-button-hover-warning:hover {
190
221
  background-color: var(--button-warning-hover-color);
191
222
  border-color: var(--button-warning-hover-color);
@@ -203,10 +234,7 @@
203
234
  .bk-button.bk-button-success:active {
204
235
  background-color: var(--button-success-active-color);
205
236
  border-color: var(--button-success-active-color);
206
- }
207
- .bk-button.bk-button-success.is-disabled {
208
- background-color: var(--disable-color);
209
- border-color: var(--disable-color);
237
+ color: var(--white-color);
210
238
  }
211
239
  .bk-button.bk-button-success.is-outline {
212
240
  color: var(--success-color);
@@ -220,12 +248,21 @@
220
248
  }
221
249
  .bk-button.bk-button-success.is-text {
222
250
  color: var(--success-color);
223
- background: none;
251
+ background-color: transparent;
224
252
  border: none;
225
253
  }
226
- .bk-button.bk-button-success.is-text:hover {
254
+ .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
227
255
  color: var(--button-success-hover-color);
228
256
  }
257
+ .bk-button.bk-button-success.is-disabled {
258
+ color: var(--disable-color);
259
+ cursor: not-allowed;
260
+ }
261
+ .bk-button.bk-button-success.is-disabled:not(.is-text) {
262
+ background-color: var(--disable-color);
263
+ color: var(--white-color);
264
+ border-color: var(--disable-color);
265
+ }
229
266
  .bk-button.bk-button-hover-success:hover {
230
267
  background-color: var(--button-success-hover-color);
231
268
  border-color: var(--button-success-hover-color);
@@ -243,10 +280,7 @@
243
280
  .bk-button.bk-button-danger:active {
244
281
  background-color: var(--button-danger-active-color);
245
282
  border-color: var(--button-danger-active-color);
246
- }
247
- .bk-button.bk-button-danger.is-disabled {
248
- background-color: var(--disable-color);
249
- border-color: var(--disable-color);
283
+ color: var(--white-color);
250
284
  }
251
285
  .bk-button.bk-button-danger.is-outline {
252
286
  color: var(--danger-color);
@@ -260,26 +294,49 @@
260
294
  }
261
295
  .bk-button.bk-button-danger.is-text {
262
296
  color: var(--danger-color);
263
- background: none;
297
+ background-color: transparent;
264
298
  border: none;
265
299
  }
266
- .bk-button.bk-button-danger.is-text:hover {
300
+ .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
267
301
  color: var(--button-danger-hover-color);
268
302
  }
303
+ .bk-button.bk-button-danger.is-disabled {
304
+ color: var(--disable-color);
305
+ cursor: not-allowed;
306
+ }
307
+ .bk-button.bk-button-danger.is-disabled:not(.is-text) {
308
+ background-color: var(--disable-color);
309
+ color: var(--white-color);
310
+ border-color: var(--disable-color);
311
+ }
269
312
  .bk-button.bk-button-hover-danger:hover {
270
313
  background-color: var(--button-danger-hover-color);
271
314
  border-color: var(--button-danger-hover-color);
272
315
  color: var(--white-color);
273
316
  }
274
317
  .bk-button.bk-button-small {
275
- min-width: 48px;
276
318
  height: 26px;
277
- padding: 0 12px;
319
+ padding: 3px 12px;
320
+ font-size: var(--font-size-base);
278
321
  }
279
322
  .bk-button.bk-button-large {
280
- min-width: 74px;
281
323
  height: 38px;
282
- padding: 0 20px;
324
+ padding: 8px 20px;
325
+ font-size: var(--font-size-large);
326
+ }
327
+ .bk-button .bk-button-text {
328
+ display: inline-flex;
329
+ align-items: center;
330
+ line-height: 1;
331
+ }
332
+ .bk-button.is-loading {
333
+ position: relative;
334
+ }
335
+ .bk-button.is-loading .bk-button-loading:not(:last-child) {
336
+ position: absolute;
337
+ }
338
+ .bk-button.is-loading .bk-button-text {
339
+ visibility: hidden;
283
340
  }
284
341
  .bk-button:hover {
285
342
  border-color: var(--button-default-hover-border-color);
@@ -288,37 +345,38 @@
288
345
  color: var(--primary-color);
289
346
  border-color: var(--primary-color);
290
347
  }
291
- .bk-button.is-disabled {
292
- color: var(--disable-color);
293
- cursor: auto;
294
- border-color: var(--disable-color);
295
- }
296
348
  .bk-button.is-text {
297
- font-size: var(--font-size-medium);
349
+ height: auto;
350
+ padding: 0;
351
+ font-size: inherit;
298
352
  color: var(--default-color);
299
353
  text-decoration: none;
300
354
  cursor: pointer;
301
- background: none;
355
+ background-color: transparent;
302
356
  border: none;
303
357
  outline: none;
304
358
  }
359
+ .bk-button.is-disabled {
360
+ color: var(--disable-color);
361
+ cursor: not-allowed;
362
+ border-color: var(--disable-color);
363
+ }
305
364
  .bk-button-group {
306
365
  display: inline-block;
307
366
  font-size: 0;
308
367
  }
309
368
  .bk-button-group.bk-button-group-small .bk-button {
310
- min-width: 48px;
311
369
  height: 26px;
312
- padding: 0 12px;
370
+ padding: 3px 12px;
371
+ font-size: var(--font-size-base);
313
372
  }
314
373
  .bk-button-group.bk-button-group-large .bk-button {
315
- min-width: 74px;
316
374
  height: 38px;
317
- padding: 0 20px;
375
+ padding: 8px 20px;
376
+ font-size: var(--font-size-large);
318
377
  }
319
378
  .bk-button-group .bk-button {
320
379
  height: 32px;
321
- min-width: 64px;
322
380
  margin: 0 0 0 -1px;
323
381
  border-radius: 0;
324
382
  }
@@ -327,6 +385,9 @@
327
385
  background-color: var(--white-color);
328
386
  border-color: var(--light-gray);
329
387
  }
388
+ .bk-button-group .bk-button.is-disabled {
389
+ color: var(--light-gray);
390
+ }
330
391
  .bk-button-group .bk-button:first-child {
331
392
  border-radius: 2px 0 0 2px;
332
393
  }
@@ -344,3 +405,9 @@
344
405
  background-color: var(--white-color);
345
406
  border-color: var(--primary-color);
346
407
  }
408
+ .bk-button-group .bk-button.is-selected:not(.is-disabled) {
409
+ background-color: var(--button-selected-bg-color);
410
+ }
411
+ .bk-button-group .bk-button.is-selected.is-disabled {
412
+ background-color: var(--button-disabled-selected-bg-color);
413
+ }
@@ -6,11 +6,16 @@ declare const BkButton: {
6
6
  $props: Partial<{
7
7
  title: string;
8
8
  text: boolean;
9
+ disabled: boolean;
9
10
  theme: string;
11
+ size: string;
12
+ icon: string;
10
13
  outline: boolean;
11
- disabled: boolean;
12
14
  loading: boolean;
13
15
  hoverTheme: string;
16
+ iconRight: string;
17
+ selected: boolean;
18
+ nativeType: "button" | "reset" | "submit";
14
19
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
15
20
  theme: import("vue-types").VueTypeDef<string> & {
16
21
  default: string;
@@ -18,28 +23,42 @@ declare const BkButton: {
18
23
  hoverTheme: import("vue-types").VueTypeDef<string> & {
19
24
  default: string;
20
25
  };
21
- size: import("vue-types").VueTypeDef<string>;
26
+ size: import("vue-types").VueTypeDef<string> & {
27
+ default: string;
28
+ };
22
29
  title: import("vue-types").VueTypeValidableDef<string> & {
23
30
  default: string;
24
31
  };
32
+ icon: import("vue-types").VueTypeValidableDef<string> & {
33
+ default: string;
34
+ };
35
+ iconRight: import("vue-types").VueTypeValidableDef<string> & {
36
+ default: string;
37
+ };
25
38
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
26
39
  default: boolean;
27
40
  };
28
41
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
29
42
  default: boolean;
30
43
  };
44
+ loadingMode: import("vue-types").VueTypeDef<string>;
31
45
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
32
46
  default: boolean;
33
47
  };
34
48
  text: import("vue-types").VueTypeValidableDef<boolean> & {
35
49
  default: boolean;
36
50
  };
51
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
52
+ default: boolean;
53
+ };
37
54
  nativeType: {
38
55
  type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
56
+ default: string;
39
57
  };
40
58
  }>> & {
41
59
  onClick?: (...args: any[]) => any;
42
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "theme" | "outline" | "disabled" | "loading" | "hoverTheme">;
60
+ onMouseover?: (...args: any[]) => any;
61
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "disabled" | "theme" | "size" | "icon" | "outline" | "loading" | "hoverTheme" | "iconRight" | "selected" | "nativeType">;
43
62
  $attrs: {
44
63
  [x: string]: unknown;
45
64
  };
@@ -51,7 +70,7 @@ declare const BkButton: {
51
70
  }>;
52
71
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
53
72
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
54
- $emit: (event: "click", ...args: any[]) => void;
73
+ $emit: (event: "click" | "mouseover", ...args: any[]) => void;
55
74
  $el: any;
56
75
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
57
76
  theme: import("vue-types").VueTypeDef<string> & {
@@ -60,35 +79,54 @@ declare const BkButton: {
60
79
  hoverTheme: import("vue-types").VueTypeDef<string> & {
61
80
  default: string;
62
81
  };
63
- size: import("vue-types").VueTypeDef<string>;
82
+ size: import("vue-types").VueTypeDef<string> & {
83
+ default: string;
84
+ };
64
85
  title: import("vue-types").VueTypeValidableDef<string> & {
65
86
  default: string;
66
87
  };
88
+ icon: import("vue-types").VueTypeValidableDef<string> & {
89
+ default: string;
90
+ };
91
+ iconRight: import("vue-types").VueTypeValidableDef<string> & {
92
+ default: string;
93
+ };
67
94
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
68
95
  default: boolean;
69
96
  };
70
97
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
71
98
  default: boolean;
72
99
  };
100
+ loadingMode: import("vue-types").VueTypeDef<string>;
73
101
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
74
102
  default: boolean;
75
103
  };
76
104
  text: import("vue-types").VueTypeValidableDef<boolean> & {
77
105
  default: boolean;
78
106
  };
107
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
108
+ default: boolean;
109
+ };
79
110
  nativeType: {
80
111
  type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
112
+ default: string;
81
113
  };
82
114
  }>> & {
83
115
  onClick?: (...args: any[]) => any;
84
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], string, {
116
+ onMouseover?: (...args: any[]) => any;
117
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], string, {
85
118
  title: string;
86
119
  text: boolean;
120
+ disabled: boolean;
87
121
  theme: string;
122
+ size: string;
123
+ icon: string;
88
124
  outline: boolean;
89
- disabled: boolean;
90
125
  loading: boolean;
91
126
  hoverTheme: string;
127
+ iconRight: string;
128
+ selected: boolean;
129
+ nativeType: "button" | "reset" | "submit";
92
130
  }> & {
93
131
  beforeCreate?: (() => void) | (() => void)[];
94
132
  created?: (() => void) | (() => void)[];
@@ -116,27 +154,41 @@ declare const BkButton: {
116
154
  hoverTheme: import("vue-types").VueTypeDef<string> & {
117
155
  default: string;
118
156
  };
119
- size: import("vue-types").VueTypeDef<string>;
157
+ size: import("vue-types").VueTypeDef<string> & {
158
+ default: string;
159
+ };
120
160
  title: import("vue-types").VueTypeValidableDef<string> & {
121
161
  default: string;
122
162
  };
163
+ icon: import("vue-types").VueTypeValidableDef<string> & {
164
+ default: string;
165
+ };
166
+ iconRight: import("vue-types").VueTypeValidableDef<string> & {
167
+ default: string;
168
+ };
123
169
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
124
170
  default: boolean;
125
171
  };
126
172
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
127
173
  default: boolean;
128
174
  };
175
+ loadingMode: import("vue-types").VueTypeDef<string>;
129
176
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
130
177
  default: boolean;
131
178
  };
132
179
  text: import("vue-types").VueTypeValidableDef<boolean> & {
133
180
  default: boolean;
134
181
  };
182
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
183
+ default: boolean;
184
+ };
135
185
  nativeType: {
136
186
  type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
187
+ default: string;
137
188
  };
138
189
  }>> & {
139
190
  onClick?: (...args: any[]) => any;
191
+ onMouseover?: (...args: any[]) => any;
140
192
  } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
141
193
  __isFragment?: never;
142
194
  __isTeleport?: never;
@@ -148,35 +200,54 @@ declare const BkButton: {
148
200
  hoverTheme: import("vue-types").VueTypeDef<string> & {
149
201
  default: string;
150
202
  };
151
- size: import("vue-types").VueTypeDef<string>;
203
+ size: import("vue-types").VueTypeDef<string> & {
204
+ default: string;
205
+ };
152
206
  title: import("vue-types").VueTypeValidableDef<string> & {
153
207
  default: string;
154
208
  };
209
+ icon: import("vue-types").VueTypeValidableDef<string> & {
210
+ default: string;
211
+ };
212
+ iconRight: import("vue-types").VueTypeValidableDef<string> & {
213
+ default: string;
214
+ };
155
215
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
156
216
  default: boolean;
157
217
  };
158
218
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
159
219
  default: boolean;
160
220
  };
221
+ loadingMode: import("vue-types").VueTypeDef<string>;
161
222
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
162
223
  default: boolean;
163
224
  };
164
225
  text: import("vue-types").VueTypeValidableDef<boolean> & {
165
226
  default: boolean;
166
227
  };
228
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
229
+ default: boolean;
230
+ };
167
231
  nativeType: {
168
232
  type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
233
+ default: string;
169
234
  };
170
235
  }>> & {
171
236
  onClick?: (...args: any[]) => any;
172
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", {
237
+ onMouseover?: (...args: any[]) => any;
238
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", {
173
239
  title: string;
174
240
  text: boolean;
241
+ disabled: boolean;
175
242
  theme: string;
243
+ size: string;
244
+ icon: string;
176
245
  outline: boolean;
177
- disabled: boolean;
178
246
  loading: boolean;
179
247
  hoverTheme: string;
248
+ iconRight: string;
249
+ selected: boolean;
250
+ nativeType: "button" | "reset" | "submit";
180
251
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
181
252
  ButtonGroup: import("vue").DefineComponent<{
182
253
  size: import("vue-types").VueTypeDef<string>;
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared"),require("../loading")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../loading"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e.Loading)}(this,(function(e,t,o,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(n);function u(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var l=u(a.exports),s={theme:o.PropTypes.theme().def(""),hoverTheme:o.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:o.PropTypes.size(),title:o.PropTypes.string,disabled:o.PropTypes.bool,loading:o.PropTypes.bool,outline:o.PropTypes.bool,text:o.PropTypes.bool,nativeType:{type:String}},d=t.defineComponent({name:"Button",emits:["click"],props:s,setup:function(e,r){var u,a=r.slots,s=r.attrs,d=r.emit,c=null!==(u=a.default)&&void 0!==u&&u,p="bk-button",f=t.computed((function(){var t,n=e.hoverTheme?"".concat(p,"-hover-").concat(e.hoverTheme):"",r=e.theme?"".concat(p,"-").concat(e.theme):"",i=e.hoverTheme?"":r;return o.classes((t={"is-disabled":e.disabled,"is-outline":e.outline,"is-text":e.text&&!e.hoverTheme},l(t,"".concat(p,"-").concat(e.size),""!==e.size),l(t,"no-slot",!c),t),"".concat(i," ").concat(p," ").concat(n))})),v="".concat(p,"-loading"),b=["","default"].includes(e.theme)?"default":"white",h=function(){d("click")};return function(){var o,r;return t.createVNode("button",t.mergeProps({title:e.title,disabled:e.disabled,class:f.value,type:e.nativeType},s,{onClick:h}),[e.loading?t.createVNode("div",{class:v},[t.createVNode(i.default,{theme:b,size:n.BkLoadingSize.Small},null)]):t.createVNode("div",{class:"bk-button-content-wrapper"},[t.createVNode("span",null,[null!==(r=null===(o=a.default)||void 0===o?void 0:o.call(a))&&void 0!==r?r:"default"])])])}}}),c=t.defineComponent({name:"ButtonGroup",props:{size:o.PropTypes.size()},setup:function(e,n){var r=t.computed((function(){return o.classes(l({},"bk-button-group-".concat(e.size),!!e.size),"bk-button-group")}));return function(){var e,o;return t.createVNode("div",{class:r.value},[null===(o=(e=n.slots).default)||void 0===o?void 0:o.call(e)])}}}),p=o.withInstallProps(d,{ButtonGroup:c});e.BkButton=p,e.BkButtonGroup=c,e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t)=>(()=>{"use strict";var n={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},r={};function i(e){var o=r[e];if(void 0!==o)return o.exports;var t=r[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>c,BkButtonGroup:()=>d,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),n=i(4870),r=i.n(n),l=["","small","large"],u={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(l).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,selected:e.PropTypes.bool,nativeType:{type:String,default:"button"}};const s=(0,t.defineComponent)({name:"Button",props:u,emits:["click","mouseover"],setup:function(i,a){var u,s=a.slots,d=a.emit,c=(0,t.ref)(!1),p=null!==(u=s.default)&&void 0!==u&&u,v="bk-button",f=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),m=(0,t.computed)((function(){var t,n=i.hoverTheme?"".concat(v,"-hover-").concat(i.hoverTheme):"",r=i.theme?"".concat(v,"-").concat(i.theme):"",a=i.hoverTheme?"":r;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":f.value,"is-loading":i.loading,"is-selected":i.selected},"".concat(v,"-").concat(i.size),i.size&&l.includes(i.size)),o(t,"no-slot",!p),t),"".concat(a," ").concat(v," ").concat(n))})),b=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?c.value&&!i.text?"white":i.text&&i.disabled?"":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return f.value||i.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),g=function(e){i.loading||d("click",e)},h=function(e){c.value=!0,d("mouseover",e)},T=function(){c.value=!1};return function(){var e;return(0,t.createVNode)("button",{title:i.title,disabled:i.disabled,class:m.value,type:i.nativeType,onClick:g,onMouseover:h,onMouseleave:T},[i.loading&&(0,t.createVNode)(r(),{loading:!0,class:"".concat(v,"-loading"),mode:i.loadingMode,theme:b.value,size:y.value},null),s.default&&(0,t.createVNode)("span",{class:"".concat(v,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),d=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(n,r){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(n.size),!!n.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var c=(0,e.withInstallProps)(s,{ButtonGroup:d});const p=c})(),a})()));