bkui-vue 0.0.1-beta.45 → 0.0.1-beta.451

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 (655) hide show
  1. package/License.txt +14 -0
  2. package/dist/index.cjs.js +160 -35
  3. package/dist/index.esm.js +35562 -14524
  4. package/dist/index.umd.js +160 -35
  5. package/dist/locale/en.esm.js +2 -0
  6. package/dist/locale/en.esm.js.map +1 -0
  7. package/dist/locale/en.umd.js +2 -0
  8. package/dist/locale/en.umd.js.map +1 -0
  9. package/dist/locale/zh-cn.esm.js +2 -0
  10. package/dist/locale/zh-cn.esm.js.map +1 -0
  11. package/dist/locale/zh-cn.umd.js +2 -0
  12. package/dist/locale/zh-cn.umd.js.map +1 -0
  13. package/dist/style.css +1 -1
  14. package/dist/style.variable.css +1 -0
  15. package/lib/affix/affix.css +3 -0
  16. package/lib/affix/affix.d.ts +47 -0
  17. package/lib/affix/affix.less +5 -0
  18. package/lib/affix/affix.variable.css +125 -0
  19. package/lib/affix/index.d.ts +143 -0
  20. package/lib/affix/index.js +1 -0
  21. package/lib/alert/alert.css +9 -3
  22. package/lib/alert/alert.d.ts +5 -5
  23. package/lib/alert/alert.less +29 -20
  24. package/lib/alert/alert.variable.css +41 -7
  25. package/lib/alert/index.d.ts +11 -11
  26. package/lib/alert/index.js +1 -1
  27. package/lib/animate-number/animate-number.d.ts +1 -1
  28. package/lib/animate-number/index.d.ts +4 -4
  29. package/lib/backtop/backtop.css +8 -0
  30. package/lib/backtop/backtop.d.ts +3 -3
  31. package/lib/backtop/backtop.less +8 -0
  32. package/lib/backtop/backtop.variable.css +40 -4
  33. package/lib/backtop/index.d.ts +10 -10
  34. package/lib/backtop/index.js +1 -1
  35. package/lib/badge/badge.css +7 -10
  36. package/lib/badge/badge.d.ts +28 -7
  37. package/lib/badge/badge.less +9 -11
  38. package/lib/badge/badge.variable.css +39 -14
  39. package/lib/badge/index.d.ts +68 -18
  40. package/lib/badge/index.js +1 -1
  41. package/lib/breadcrumb/breadcrumb-item.d.ts +4 -2
  42. package/lib/breadcrumb/breadcrumb.css +51 -0
  43. package/lib/breadcrumb/breadcrumb.variable.css +88 -9
  44. package/lib/breadcrumb/index.d.ts +4 -2
  45. package/lib/breadcrumb/index.js +1 -1
  46. package/lib/button/button-group.d.ts +2 -2
  47. package/lib/button/button.css +85 -50
  48. package/lib/button/button.d.ts +44 -24
  49. package/lib/button/button.less +72 -42
  50. package/lib/button/button.variable.css +117 -54
  51. package/lib/button/index.d.ts +74 -44
  52. package/lib/button/index.js +1 -1
  53. package/lib/card/card.css +97 -2
  54. package/lib/card/card.d.ts +47 -6
  55. package/lib/card/card.less +50 -2
  56. package/lib/card/card.variable.css +133 -10
  57. package/lib/card/index.d.ts +113 -17
  58. package/lib/card/index.js +1 -1
  59. package/lib/cascader/cascader-panel.d.ts +101 -0
  60. package/lib/cascader/cascader.css +316 -0
  61. package/lib/cascader/cascader.d.ts +342 -0
  62. package/lib/cascader/cascader.less +283 -0
  63. package/lib/cascader/cascader.variable.css +438 -0
  64. package/lib/cascader/index.d.ts +961 -0
  65. package/lib/cascader/index.js +1 -0
  66. package/lib/cascader/interface.d.ts +51 -0
  67. package/lib/cascader/node.d.ts +31 -0
  68. package/lib/cascader/store.d.ts +25 -0
  69. package/lib/checkbox/checkbox-group.d.ts +16 -0
  70. package/lib/checkbox/checkbox.css +51 -11
  71. package/lib/checkbox/checkbox.d.ts +36 -24
  72. package/lib/checkbox/checkbox.less +85 -32
  73. package/lib/checkbox/checkbox.variable.css +83 -15
  74. package/lib/checkbox/common.d.ts +4 -3
  75. package/lib/checkbox/index.d.ts +70 -38
  76. package/lib/checkbox/index.js +1 -1
  77. package/lib/checkbox/type.d.ts +2 -6
  78. package/lib/code-diff/code-diff.css +27 -7
  79. package/lib/code-diff/code-diff.d.ts +1 -1
  80. package/lib/code-diff/code-diff.less +42 -7
  81. package/lib/code-diff/code-diff.variable.css +59 -11
  82. package/lib/code-diff/index.js +1 -1
  83. package/lib/collapse/collapse-panel.d.ts +103 -0
  84. package/lib/collapse/collapse.css +69 -14
  85. package/lib/collapse/collapse.d.ts +66 -52
  86. package/lib/collapse/collapse.less +112 -30
  87. package/lib/collapse/collapse.variable.css +191 -14
  88. package/lib/collapse/index.d.ts +266 -20
  89. package/lib/collapse/index.js +1 -1
  90. package/lib/collapse/props.d.ts +131 -0
  91. package/lib/collapse/utils.d.ts +11 -0
  92. package/lib/collapse-transition/collapse-transition.css +93 -0
  93. package/lib/collapse-transition/collapse-transition.d.ts +15 -0
  94. package/lib/collapse-transition/collapse-transition.less +111 -0
  95. package/lib/collapse-transition/collapse-transition.variable.css +215 -0
  96. package/lib/collapse-transition/index.d.ts +2 -0
  97. package/lib/collapse-transition/index.js +1 -0
  98. package/lib/color-picker/color-picker.css +275 -0
  99. package/lib/color-picker/color-picker.d.ts +144 -0
  100. package/lib/color-picker/color-picker.less +325 -0
  101. package/lib/color-picker/color-picker.variable.css +397 -0
  102. package/lib/color-picker/components/color-input.d.ts +42 -0
  103. package/lib/color-picker/components/hue-slider.d.ts +41 -0
  104. package/lib/color-picker/components/input-container.d.ts +42 -0
  105. package/lib/color-picker/components/recommend-colors.d.ts +51 -0
  106. package/lib/color-picker/components/saturation-panel.d.ts +41 -0
  107. package/lib/color-picker/index.d.ts +254 -0
  108. package/lib/color-picker/index.js +1 -0
  109. package/lib/color-picker/utils.d.ts +37 -0
  110. package/lib/components.d.ts +31 -8
  111. package/lib/components.js +1 -0
  112. package/lib/config-provider/config-provider.css +0 -0
  113. package/lib/config-provider/config-provider.d.ts +384 -0
  114. package/lib/config-provider/config-provider.less +1 -0
  115. package/lib/config-provider/config-provider.variable.css +122 -0
  116. package/lib/config-provider/index.d.ts +585 -0
  117. package/lib/config-provider/index.js +1 -0
  118. package/lib/config-provider/token.d.ts +122 -0
  119. package/lib/config-provider/use-global-config.d.ts +5 -0
  120. package/lib/config-provider/use-locale.d.ts +3 -0
  121. package/lib/config-provider/use-prefix.d.ts +9 -0
  122. package/lib/container/col.d.ts +51 -0
  123. package/lib/container/container.css +91 -0
  124. package/lib/container/container.d.ts +83 -0
  125. package/lib/container/container.less +20 -0
  126. package/lib/container/container.variable.css +213 -0
  127. package/lib/container/index.d.ts +223 -0
  128. package/lib/container/index.js +1 -0
  129. package/lib/container/row.d.ts +4 -0
  130. package/lib/date-picker/base/confirm.d.ts +74 -0
  131. package/lib/date-picker/base/date-table.d.ts +96 -0
  132. package/lib/date-picker/base/month-table.d.ts +117 -0
  133. package/lib/date-picker/base/picker-dropdown.d.ts +74 -0
  134. package/lib/date-picker/base/time-spinner.d.ts +170 -0
  135. package/lib/date-picker/base/year-table.d.ts +117 -0
  136. package/lib/date-picker/date-picker.css +28 -1
  137. package/lib/date-picker/date-picker.d.ts +49 -20
  138. package/lib/date-picker/date-picker.less +106 -74
  139. package/lib/date-picker/date-picker.variable.css +60 -5
  140. package/lib/date-picker/index.d.ts +121 -54
  141. package/lib/date-picker/index.js +1 -1
  142. package/lib/date-picker/interface.d.ts +11 -1
  143. package/lib/date-picker/panel/date-range.d.ts +328 -0
  144. package/lib/date-picker/panel/date.d.ts +206 -0
  145. package/lib/date-picker/panel/time-range.d.ts +489 -0
  146. package/lib/date-picker/panel/time.d.ts +448 -0
  147. package/lib/date-picker/props.d.ts +55 -5
  148. package/lib/date-picker/time-picker.d.ts +381 -0
  149. package/lib/date-picker/utils.d.ts +22 -2
  150. package/lib/dialog/dialog.css +136 -24
  151. package/lib/dialog/dialog.d.ts +245 -58
  152. package/lib/dialog/dialog.less +100 -38
  153. package/lib/dialog/dialog.variable.css +258 -24
  154. package/lib/dialog/index.d.ts +545 -126
  155. package/lib/dialog/index.js +1 -1
  156. package/lib/dialog/props.d.ts +122 -0
  157. package/lib/directives/ellipsis.d.ts +7 -0
  158. package/lib/directives/index.d.ts +2 -0
  159. package/lib/directives/index.js +1 -1
  160. package/lib/directives/tooltips.d.ts +2 -1
  161. package/lib/dist.index.js +1 -0
  162. package/lib/divider/divider.d.ts +15 -15
  163. package/lib/divider/divider.variable.css +32 -4
  164. package/lib/divider/index.d.ts +34 -34
  165. package/lib/divider/index.js +1 -1
  166. package/lib/divider/props.d.ts +6 -6
  167. package/lib/dropdown/dropdown.css +13 -7
  168. package/lib/dropdown/dropdown.d.ts +46 -14
  169. package/lib/dropdown/dropdown.less +47 -34
  170. package/lib/dropdown/dropdown.variable.css +45 -11
  171. package/lib/dropdown/index.d.ts +99 -35
  172. package/lib/dropdown/index.js +1 -1
  173. package/lib/exception/exception.css +40 -14
  174. package/lib/exception/exception.d.ts +31 -11
  175. package/lib/exception/exception.less +59 -22
  176. package/lib/exception/exception.variable.css +72 -18
  177. package/lib/exception/index.d.ts +43 -26
  178. package/lib/exception/index.js +1 -1
  179. package/lib/exception/typings/index.d.ts +4 -0
  180. package/lib/fixed-navbar/fixed-navbar.d.ts +16 -2
  181. package/lib/fixed-navbar/fixed-navbar.variable.css +32 -4
  182. package/lib/fixed-navbar/index.d.ts +40 -5
  183. package/lib/fixed-navbar/index.js +1 -1
  184. package/lib/form/compose-form-item.d.ts +16 -0
  185. package/lib/form/form-item.d.ts +22 -7
  186. package/lib/form/form.css +103 -15
  187. package/lib/form/form.d.ts +48 -14
  188. package/lib/form/form.less +152 -46
  189. package/lib/form/form.variable.css +225 -15
  190. package/lib/form/index.d.ts +121 -35
  191. package/lib/form/index.js +1 -1
  192. package/lib/form/type.d.ts +11 -8
  193. package/lib/form/utils.d.ts +2 -0
  194. package/lib/form/validator.d.ts +1 -0
  195. package/lib/hooks.d.ts +1 -0
  196. package/lib/hooks.js +1 -0
  197. package/lib/icon/angle-double-down-line.js +1 -1
  198. package/lib/icon/angle-double-left-line.js +1 -1
  199. package/lib/icon/angle-double-left.js +1 -1
  200. package/lib/icon/angle-double-right-line.js +1 -1
  201. package/lib/icon/angle-double-right.js +1 -1
  202. package/lib/icon/angle-double-up-line.js +1 -1
  203. package/lib/icon/angle-down-fill.js +1 -1
  204. package/lib/icon/angle-down-line.js +1 -1
  205. package/lib/icon/angle-down.js +1 -1
  206. package/lib/icon/angle-left.js +1 -1
  207. package/lib/icon/angle-right.js +1 -1
  208. package/lib/icon/angle-up-fill.js +1 -1
  209. package/lib/icon/angle-up.js +1 -1
  210. package/lib/icon/archive-fill.d.ts +4 -0
  211. package/lib/icon/archive-fill.js +1 -0
  212. package/lib/icon/arrows-left.js +1 -1
  213. package/lib/icon/arrows-right.js +1 -1
  214. package/lib/icon/audio-fill.d.ts +4 -0
  215. package/lib/icon/audio-fill.js +1 -0
  216. package/lib/icon/bk.js +1 -1
  217. package/lib/icon/circle.js +1 -1
  218. package/lib/icon/close-line.d.ts +4 -0
  219. package/lib/icon/close-line.js +1 -0
  220. package/lib/icon/close.js +1 -1
  221. package/lib/icon/code.js +1 -1
  222. package/lib/icon/cog-shape.js +1 -1
  223. package/lib/icon/collapse-left.js +1 -1
  224. package/lib/icon/copy.js +1 -1
  225. package/lib/icon/data-shape.d.ts +4 -0
  226. package/lib/icon/data-shape.js +1 -0
  227. package/lib/icon/del.d.ts +4 -0
  228. package/lib/icon/del.js +1 -0
  229. package/lib/icon/doc-fill.d.ts +4 -0
  230. package/lib/icon/doc-fill.js +1 -0
  231. package/lib/icon/done.js +1 -1
  232. package/lib/icon/down-shape.js +1 -1
  233. package/lib/icon/down-small.js +1 -1
  234. package/lib/icon/edit-line.d.ts +4 -0
  235. package/lib/icon/edit-line.js +1 -0
  236. package/lib/icon/ellipsis.js +1 -1
  237. package/lib/icon/enlarge-line.d.ts +4 -0
  238. package/lib/icon/enlarge-line.js +1 -0
  239. package/lib/icon/error.js +1 -1
  240. package/lib/icon/excel-fill.d.ts +4 -0
  241. package/lib/icon/excel-fill.js +1 -0
  242. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  243. package/lib/icon/exclamation-circle-shape.js +1 -0
  244. package/lib/icon/eye.js +1 -1
  245. package/lib/icon/filliscreen-line.d.ts +4 -0
  246. package/lib/icon/filliscreen-line.js +1 -0
  247. package/lib/icon/folder-open.js +1 -1
  248. package/lib/icon/folder-shape-open.js +1 -1
  249. package/lib/icon/folder-shape.js +1 -1
  250. package/lib/icon/folder.js +1 -1
  251. package/lib/icon/funnel.d.ts +4 -0
  252. package/lib/icon/funnel.js +1 -0
  253. package/lib/icon/help-document-fill.js +1 -1
  254. package/lib/icon/help-fill.js +1 -1
  255. package/lib/icon/help.js +1 -1
  256. package/lib/icon/image-fill.d.ts +4 -0
  257. package/lib/icon/img-error.d.ts +4 -0
  258. package/lib/icon/img-error.js +1 -0
  259. package/lib/icon/img-placehoulder.d.ts +4 -0
  260. package/lib/icon/img-placehoulder.js +1 -0
  261. package/lib/icon/index.d.ts +79 -53
  262. package/lib/icon/index.js +1 -1
  263. package/lib/icon/info-line.js +1 -1
  264. package/lib/icon/info.js +1 -1
  265. package/lib/icon/left-shape.js +1 -1
  266. package/lib/icon/left-turn-line.d.ts +4 -0
  267. package/lib/icon/left-turn-line.js +1 -0
  268. package/lib/icon/narrow-line.d.ts +4 -0
  269. package/lib/icon/narrow-line.js +1 -0
  270. package/lib/icon/original.d.ts +4 -0
  271. package/lib/icon/original.js +1 -0
  272. package/lib/icon/pdf-fill.d.ts +4 -0
  273. package/lib/icon/pdf-fill.js +1 -0
  274. package/lib/icon/play-shape.js +1 -1
  275. package/lib/icon/plus.js +1 -1
  276. package/lib/icon/ppt-fill.d.ts +4 -0
  277. package/lib/icon/ppt-fill.js +1 -0
  278. package/lib/icon/qq.js +1 -1
  279. package/lib/icon/right-shape.js +1 -1
  280. package/lib/icon/right-turn-line.d.ts +4 -0
  281. package/lib/icon/right-turn-line.js +1 -0
  282. package/lib/icon/search.js +1 -1
  283. package/lib/icon/share.js +1 -1
  284. package/lib/icon/spinner.js +1 -1
  285. package/lib/icon/success.js +1 -1
  286. package/lib/icon/switcher-loading.js +1 -1
  287. package/lib/icon/text-file.js +1 -1
  288. package/lib/icon/text-fill.d.ts +4 -0
  289. package/lib/icon/text-fill.js +1 -0
  290. package/lib/icon/transfer.d.ts +4 -0
  291. package/lib/icon/transfer.js +1 -0
  292. package/lib/icon/tree-application-shape.js +1 -1
  293. package/lib/icon/unfull-screen.d.ts +4 -0
  294. package/lib/icon/unfull-screen.js +1 -0
  295. package/lib/icon/unvisible.js +1 -1
  296. package/lib/icon/up-shape.js +1 -1
  297. package/lib/icon/upload.d.ts +4 -0
  298. package/lib/icon/upload.js +1 -0
  299. package/lib/icon/video-fill.d.ts +4 -0
  300. package/lib/icon/video-fill.js +1 -0
  301. package/lib/icon/warn.js +1 -1
  302. package/lib/icon/weixin.js +1 -1
  303. package/lib/image/image-viewer.css +142 -0
  304. package/lib/image/image-viewer.d.ts +73 -0
  305. package/lib/image/image-viewer.less +168 -0
  306. package/lib/image/image-viewer.variable.css +142 -0
  307. package/lib/image/image.css +37 -0
  308. package/lib/image/image.d.ts +93 -0
  309. package/lib/image/image.less +44 -0
  310. package/lib/image/image.variable.css +37 -0
  311. package/lib/image/index.d.ts +246 -0
  312. package/lib/image/index.js +1 -0
  313. package/lib/image/props.d.ts +71 -0
  314. package/lib/index.d.ts +3 -1
  315. package/lib/index.js +1 -0
  316. package/lib/info-box/index.d.ts +7 -0
  317. package/lib/info-box/index.js +1 -0
  318. package/lib/info-box/info-box.css +37 -0
  319. package/lib/info-box/info-box.d.ts +28 -0
  320. package/lib/info-box/info-box.less +51 -0
  321. package/lib/info-box/info-box.variable.css +159 -0
  322. package/lib/input/index.d.ts +175 -90
  323. package/lib/input/index.js +1 -1
  324. package/lib/input/input.css +183 -19
  325. package/lib/input/input.d.ts +119 -36
  326. package/lib/input/input.less +112 -18
  327. package/lib/input/input.variable.css +246 -55
  328. package/lib/link/index.d.ts +29 -21
  329. package/lib/link/index.js +1 -1
  330. package/lib/link/link.css +12 -12
  331. package/lib/link/link.d.ts +10 -8
  332. package/lib/link/link.less +16 -14
  333. package/lib/link/link.variable.css +44 -16
  334. package/lib/loading/directive.d.ts +14 -0
  335. package/lib/loading/index.d.ts +135 -19
  336. package/lib/loading/index.js +1 -1
  337. package/lib/loading/loading.css +86 -33
  338. package/lib/loading/loading.d.ts +94 -12
  339. package/lib/loading/loading.less +27 -23
  340. package/lib/loading/loading.variable.css +134 -53
  341. package/lib/locale/index.d.ts +3 -0
  342. package/lib/locale/index.js +1 -0
  343. package/lib/locale/lang/en.d.ts +120 -0
  344. package/lib/locale/lang/zh-cn.d.ts +3 -0
  345. package/lib/menu/index.d.ts +16 -24
  346. package/lib/menu/index.js +1 -1
  347. package/lib/menu/menu.css +51 -0
  348. package/lib/menu/menu.d.ts +7 -16
  349. package/lib/menu/menu.variable.css +101 -22
  350. package/lib/menu/submenu.variable.css +32 -4
  351. package/lib/message/index.js +1 -1
  352. package/lib/message/message.css +17 -5
  353. package/lib/message/message.less +21 -6
  354. package/lib/message/message.variable.css +49 -9
  355. package/lib/message/messageConstructor.d.ts +14 -11
  356. package/lib/modal/index.d.ts +470 -78
  357. package/lib/modal/index.js +1 -1
  358. package/lib/modal/modal.css +63 -1
  359. package/lib/modal/modal.d.ts +177 -30
  360. package/lib/modal/modal.less +39 -3
  361. package/lib/modal/modal.variable.css +185 -1
  362. package/lib/modal/props.mixin.d.ts +74 -13
  363. package/lib/navigation/index.d.ts +310 -1
  364. package/lib/navigation/index.js +1 -1
  365. package/lib/navigation/navigation.css +1 -1
  366. package/lib/navigation/navigation.d.ts +11 -2
  367. package/lib/navigation/navigation.less +1 -1
  368. package/lib/navigation/navigation.variable.css +33 -5
  369. package/lib/notify/index.js +1 -1
  370. package/lib/notify/notify.css +25 -5
  371. package/lib/notify/notify.less +29 -6
  372. package/lib/notify/notify.variable.css +57 -9
  373. package/lib/notify/notifyConstructor.d.ts +62 -21
  374. package/lib/overflow-title/components/overflow-title.d.ts +57 -0
  375. package/lib/overflow-title/directive/overflow-title.d.ts +3 -0
  376. package/lib/overflow-title/index.d.ts +170 -0
  377. package/lib/overflow-title/index.js +1 -0
  378. package/lib/overflow-title/overflow.css +11 -0
  379. package/lib/overflow-title/overflow.less +13 -0
  380. package/lib/overflow-title/overflow.variable.css +11 -0
  381. package/lib/overflow-title/props.d.ts +43 -0
  382. package/lib/overflow-title/utils/getActualWidthByCanvas.d.ts +3 -0
  383. package/lib/overflow-title/utils/getActualWidthByDom.d.ts +3 -0
  384. package/lib/pagination/index.d.ts +35 -20
  385. package/lib/pagination/index.js +1 -1
  386. package/lib/pagination/pagination.css +54 -28
  387. package/lib/pagination/pagination.d.ts +18 -8
  388. package/lib/pagination/pagination.less +59 -30
  389. package/lib/pagination/pagination.variable.css +86 -32
  390. package/lib/pagination/use-limit.d.ts +3 -1
  391. package/lib/pagination/use-total.d.ts +3 -1
  392. package/lib/plugin-popover/index.d.ts +27 -0
  393. package/lib/plugin-popover/index.js +1 -0
  394. package/lib/plugins/index.d.ts +1 -0
  395. package/lib/plugins/index.js +1 -0
  396. package/lib/pop-confirm/index.d.ts +246 -0
  397. package/lib/pop-confirm/index.js +1 -0
  398. package/lib/pop-confirm/pop-confirm.css +28 -0
  399. package/lib/pop-confirm/pop-confirm.d.ts +95 -0
  400. package/lib/pop-confirm/pop-confirm.less +34 -0
  401. package/lib/pop-confirm/pop-confirm.variable.css +150 -0
  402. package/lib/pop-confirm/props.d.ts +67 -0
  403. package/lib/popover/arrow.d.ts +2 -0
  404. package/lib/popover/const.d.ts +16 -0
  405. package/lib/popover/content.d.ts +43 -0
  406. package/lib/popover/index.d.ts +504 -97
  407. package/lib/popover/index.js +1 -1
  408. package/lib/popover/plugin-popover.d.ts +12 -0
  409. package/lib/popover/popover.css +10 -50
  410. package/lib/popover/popover.d.ts +222 -43
  411. package/lib/popover/popover.less +19 -66
  412. package/lib/popover/popover.variable.css +42 -54
  413. package/lib/popover/props.d.ts +110 -30
  414. package/lib/popover/reference.d.ts +2 -0
  415. package/lib/popover/root.d.ts +16 -0
  416. package/lib/popover/use-floating.d.ts +34 -0
  417. package/lib/popover/use-platform.d.ts +30 -0
  418. package/lib/popover/use-popover-init.d.ts +23 -0
  419. package/lib/popover/use-popper-id.d.ts +6 -0
  420. package/lib/popover/utils.d.ts +8 -0
  421. package/lib/popover2/index.d.ts +44 -0
  422. package/lib/popover2/index.js +1 -0
  423. package/lib/popover2/popover.d.ts +2 -0
  424. package/lib/preset.d.ts +252 -2
  425. package/lib/preset.js +1 -0
  426. package/lib/process/index.d.ts +9 -9
  427. package/lib/process/index.js +1 -1
  428. package/lib/process/process.css +22 -0
  429. package/lib/process/process.d.ts +2 -2
  430. package/lib/process/process.less +30 -2
  431. package/lib/process/process.variable.css +54 -4
  432. package/lib/progress/index.d.ts +31 -31
  433. package/lib/progress/index.js +1 -1
  434. package/lib/progress/progress.css +51 -0
  435. package/lib/progress/progress.d.ts +12 -12
  436. package/lib/progress/progress.variable.css +87 -8
  437. package/lib/radio/common.d.ts +5 -5
  438. package/lib/radio/index.d.ts +36 -18
  439. package/lib/radio/index.js +1 -1
  440. package/lib/radio/radio-button.d.ts +7 -8
  441. package/lib/radio/radio-group.d.ts +26 -0
  442. package/lib/radio/radio.css +137 -66
  443. package/lib/radio/radio.d.ts +4 -4
  444. package/lib/radio/radio.less +262 -173
  445. package/lib/radio/radio.variable.css +172 -73
  446. package/lib/radio/type.d.ts +9 -4
  447. package/lib/rate/index.d.ts +28 -5
  448. package/lib/rate/index.js +1 -1
  449. package/lib/rate/rate.d.ts +13 -2
  450. package/lib/rate/star.d.ts +1 -1
  451. package/lib/resize-layout/index.d.ts +18 -18
  452. package/lib/resize-layout/index.js +1 -1
  453. package/lib/resize-layout/resize-layout.css +6 -15
  454. package/lib/resize-layout/resize-layout.d.ts +7 -7
  455. package/lib/resize-layout/resize-layout.less +10 -19
  456. package/lib/resize-layout/resize-layout.variable.css +38 -19
  457. package/lib/search-select/index.d.ts +891 -0
  458. package/lib/search-select/index.js +1 -0
  459. package/lib/search-select/input.d.ts +101 -0
  460. package/lib/search-select/menu.d.ts +77 -0
  461. package/lib/search-select/search-select.css +427 -0
  462. package/lib/search-select/search-select.d.ts +361 -0
  463. package/lib/search-select/search-select.less +384 -0
  464. package/lib/search-select/search-select.variable.css +549 -0
  465. package/lib/search-select/selected.d.ts +155 -0
  466. package/lib/search-select/utils.d.ts +88 -0
  467. package/lib/select/common.d.ts +5 -12
  468. package/lib/select/index.d.ts +1816 -691
  469. package/lib/select/index.js +1 -1
  470. package/lib/select/option.d.ts +18 -4
  471. package/lib/select/optionGroup.d.ts +1 -1
  472. package/lib/select/select.css +202 -113
  473. package/lib/select/select.d.ts +715 -147
  474. package/lib/select/select.less +335 -197
  475. package/lib/select/select.variable.css +234 -117
  476. package/lib/select/selectTagInput.d.ts +94 -0
  477. package/lib/select/type.d.ts +21 -13
  478. package/lib/shared/dom.d.ts +3 -0
  479. package/lib/shared/helper.d.ts +9 -0
  480. package/lib/shared/hooks/use-form-item.d.ts +2 -0
  481. package/lib/shared/hooks/use-form.d.ts +2 -0
  482. package/lib/shared/index.d.ts +32 -7
  483. package/lib/shared/index.js +1 -1
  484. package/lib/shared/mask-manager.d.ts +19 -5
  485. package/lib/shared/pop-manager.d.ts +16 -5
  486. package/lib/shared/popover.d.ts +6 -2
  487. package/lib/shared/token.d.ts +4 -0
  488. package/lib/shared/utils.d.ts +19 -0
  489. package/lib/shared/vue-types.d.ts +107 -7
  490. package/lib/sideslider/index.d.ts +343 -69
  491. package/lib/sideslider/index.js +1 -1
  492. package/lib/sideslider/sideslider.css +58 -11
  493. package/lib/sideslider/sideslider.d.ts +160 -31
  494. package/lib/sideslider/sideslider.less +75 -14
  495. package/lib/sideslider/sideslider.variable.css +90 -15
  496. package/lib/slider/index.d.ts +414 -1
  497. package/lib/slider/index.js +1 -1
  498. package/lib/slider/slider-button.d.ts +2 -1
  499. package/lib/slider/slider.d.ts +4 -4
  500. package/lib/slider/slider.variable.css +32 -4
  501. package/lib/steps/index.d.ts +52 -52
  502. package/lib/steps/index.js +1 -1
  503. package/lib/steps/steps.css +15 -3
  504. package/lib/steps/steps.d.ts +32 -32
  505. package/lib/steps/steps.less +24 -3
  506. package/lib/steps/steps.variable.css +47 -7
  507. package/lib/styles/index.d.ts +10 -1
  508. package/lib/styles/mixins/clearfix.css +8 -0
  509. package/lib/styles/mixins/clearfix.less +10 -0
  510. package/lib/styles/mixins/clearfix.variable.css +8 -0
  511. package/lib/styles/mixins/mixins.css +51 -0
  512. package/lib/styles/mixins/mixins.less +2 -0
  513. package/lib/styles/mixins/mixins.variable.css +51 -0
  514. package/lib/styles/mixins/popper.css +1 -1
  515. package/lib/styles/mixins/popper.less +12 -11
  516. package/lib/styles/mixins/popper.variable.css +123 -1
  517. package/lib/styles/mixins/scroll.css +17 -0
  518. package/lib/styles/mixins/scroll.less +22 -0
  519. package/lib/styles/mixins/scroll.variable.css +139 -0
  520. package/lib/styles/reset.css +36 -0
  521. package/lib/styles/reset.less +26 -2
  522. package/lib/styles/reset.variable.css +36 -0
  523. package/lib/styles/themes/themes.less +42 -4
  524. package/lib/switcher/index.d.ts +42 -30
  525. package/lib/switcher/index.js +1 -1
  526. package/lib/switcher/switcher.css +57 -6
  527. package/lib/switcher/switcher.d.ts +19 -13
  528. package/lib/switcher/switcher.less +5 -26
  529. package/lib/switcher/switcher.variable.css +106 -27
  530. package/lib/tab/index.d.ts +121 -67
  531. package/lib/tab/index.js +1 -1
  532. package/lib/tab/props.d.ts +93 -41
  533. package/lib/tab/tab-nav.d.ts +50 -14
  534. package/lib/tab/tab-panel.d.ts +14 -7
  535. package/lib/tab/tab.css +151 -55
  536. package/lib/tab/tab.d.ts +42 -21
  537. package/lib/tab/tab.less +179 -86
  538. package/lib/tab/tab.variable.css +183 -59
  539. package/lib/table/cache.d.ts +6 -0
  540. package/lib/table/components/index.d.ts +3 -0
  541. package/lib/table/components/table-cell.d.ts +51 -0
  542. package/lib/table/components/table-column.d.ts +299 -0
  543. package/lib/table/components/table-row.d.ts +2 -0
  544. package/lib/table/const.d.ts +125 -1
  545. package/lib/table/index.d.ts +1375 -48
  546. package/lib/table/index.js +1 -1
  547. package/lib/table/plugins/body-empty.d.ts +36 -0
  548. package/lib/table/plugins/col-group.d.ts +38 -0
  549. package/lib/table/plugins/common.d.ts +6 -0
  550. package/lib/table/plugins/head-filter.css +84 -0
  551. package/lib/table/plugins/head-filter.d.ts +26 -0
  552. package/lib/table/plugins/head-filter.less +110 -0
  553. package/lib/table/plugins/head-filter.variable.css +206 -0
  554. package/lib/table/plugins/head-sort.css +26 -0
  555. package/lib/table/plugins/head-sort.d.ts +29 -0
  556. package/lib/table/plugins/head-sort.less +32 -0
  557. package/lib/table/plugins/head-sort.variable.css +148 -0
  558. package/lib/table/plugins/index.d.ts +5 -0
  559. package/lib/table/plugins/settings.css +147 -0
  560. package/lib/table/plugins/settings.d.ts +37 -0
  561. package/lib/table/plugins/settings.less +181 -0
  562. package/lib/table/plugins/settings.variable.css +269 -0
  563. package/lib/table/plugins/use-active-columns.d.ts +16 -0
  564. package/lib/table/plugins/use-column-resize.d.ts +15 -0
  565. package/lib/table/plugins/use-fixed-column.d.ts +26 -0
  566. package/lib/table/plugins/use-pagination.d.ts +16 -0
  567. package/lib/table/plugins/use-scroll-loading.d.ts +5 -0
  568. package/lib/table/props.d.ts +358 -11
  569. package/lib/table/render.d.ts +54 -31
  570. package/lib/table/table.css +1250 -38
  571. package/lib/table/table.d.ts +258 -18
  572. package/lib/table/table.less +314 -42
  573. package/lib/table/table.variable.css +1291 -51
  574. package/lib/table/use-column.d.ts +12 -0
  575. package/lib/table/use-common.d.ts +113 -0
  576. package/lib/table/utils.d.ts +60 -13
  577. package/lib/table-column/index.d.ts +790 -0
  578. package/lib/table-column/index.js +1 -0
  579. package/lib/tag/index.d.ts +29 -29
  580. package/lib/tag/index.js +1 -1
  581. package/lib/tag/tag.css +46 -13
  582. package/lib/tag/tag.d.ts +12 -12
  583. package/lib/tag/tag.less +46 -10
  584. package/lib/tag/tag.variable.css +78 -17
  585. package/lib/tag-input/common.d.ts +13 -1
  586. package/lib/tag-input/index.d.ts +1406 -1
  587. package/lib/tag-input/index.js +1 -1
  588. package/lib/tag-input/list-tag-render.d.ts +0 -3
  589. package/lib/tag-input/tag-input.css +23 -26
  590. package/lib/tag-input/tag-input.d.ts +303 -44
  591. package/lib/tag-input/tag-input.less +102 -104
  592. package/lib/tag-input/tag-input.variable.css +55 -30
  593. package/lib/tag-input/tag-props.d.ts +141 -7
  594. package/lib/tag-input/tag-render.d.ts +30 -4
  595. package/lib/time-picker/index.d.ts +904 -0
  596. package/lib/time-picker/index.js +1 -0
  597. package/lib/time-picker/time-picker.css +215 -0
  598. package/lib/time-picker/time-picker.less +260 -0
  599. package/lib/time-picker/time-picker.variable.css +337 -0
  600. package/lib/timeline/index.d.ts +6 -6
  601. package/lib/timeline/index.js +1 -1
  602. package/lib/timeline/timeline.css +16 -9
  603. package/lib/timeline/timeline.d.ts +1 -1
  604. package/lib/timeline/timeline.less +22 -9
  605. package/lib/timeline/timeline.variable.css +48 -13
  606. package/lib/transfer/const.d.ts +5 -0
  607. package/lib/transfer/index.d.ts +247 -150
  608. package/lib/transfer/index.js +1 -1
  609. package/lib/transfer/props.d.ts +59 -0
  610. package/lib/transfer/transfer.css +153 -92
  611. package/lib/transfer/transfer.d.ts +101 -95
  612. package/lib/transfer/transfer.less +142 -112
  613. package/lib/transfer/transfer.variable.css +191 -102
  614. package/lib/tree/constant.d.ts +62 -0
  615. package/lib/tree/index.d.ts +379 -60
  616. package/lib/tree/index.js +1 -1
  617. package/lib/tree/props.d.ts +124 -0
  618. package/lib/tree/tree.css +181 -9
  619. package/lib/tree/tree.d.ts +172 -19
  620. package/lib/tree/tree.less +54 -3
  621. package/lib/tree/tree.variable.css +213 -13
  622. package/lib/tree/use-empty.d.ts +6 -0
  623. package/lib/tree/use-node-action.d.ts +12 -0
  624. package/lib/tree/use-node-async.d.ts +5 -0
  625. package/lib/tree/use-node-attribute.d.ts +33 -0
  626. package/lib/tree/use-node-drag.d.ts +3 -0
  627. package/lib/tree/use-search.d.ts +11 -0
  628. package/lib/tree/use-tree-init.d.ts +15 -0
  629. package/lib/tree/util.d.ts +4 -6
  630. package/lib/upload/index.d.ts +566 -0
  631. package/lib/upload/index.js +1 -0
  632. package/lib/upload/props.d.ts +111 -0
  633. package/lib/upload/upload-list.d.ts +47 -0
  634. package/lib/upload/upload-trigger.d.ts +51 -0
  635. package/lib/upload/upload.css +427 -0
  636. package/lib/upload/upload.d.ts +246 -0
  637. package/lib/upload/upload.less +466 -0
  638. package/lib/upload/upload.type.d.ts +78 -0
  639. package/lib/upload/upload.variable.css +549 -0
  640. package/lib/upload/use-ajax-upload.d.ts +3 -0
  641. package/lib/upload/use-file-handler.d.ts +44 -0
  642. package/lib/virtual-render/index.d.ts +50 -4
  643. package/lib/virtual-render/index.js +1 -1
  644. package/lib/virtual-render/props.d.ts +15 -0
  645. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  646. package/lib/virtual-render/v-virtual-render.d.ts +0 -1
  647. package/lib/virtual-render/virtual-render.css +17 -17
  648. package/lib/virtual-render/virtual-render.d.ts +23 -1
  649. package/lib/virtual-render/virtual-render.less +2 -23
  650. package/lib/virtual-render/virtual-render.variable.css +139 -17
  651. package/lib/volar.components.d.ts +102 -0
  652. package/package.json +59 -26
  653. package/LICENSE.txt +0 -22
  654. package/lib/form/common.d.ts +0 -3
  655. package/lib/use-form.d.ts +0 -3
@@ -1,14 +1,11 @@
1
1
  .bk-button {
2
- display: inline-block;
2
+ display: inline-flex;
3
3
  height: 32px;
4
- min-width: 64px;
5
- padding: 0 15px;
4
+ padding: 5px 12px;
6
5
  font-size: 14px;
7
6
  color: #63656e;
8
- text-align: center;
9
7
  text-decoration: none;
10
8
  white-space: nowrap;
11
- vertical-align: middle;
12
9
  cursor: pointer;
13
10
  background-color: white;
14
11
  border: 1px solid #c4c6cc;
@@ -17,6 +14,8 @@
17
14
  box-sizing: border-box;
18
15
  transition: background-color ease 0.3s;
19
16
  appearance: none;
17
+ align-items: center;
18
+ justify-content: center;
20
19
  }
21
20
  .bk-button.bk-button-primary {
22
21
  background-color: #3a84ff;
@@ -32,10 +31,6 @@
32
31
  border-color: #2c77f4;
33
32
  color: white;
34
33
  }
35
- .bk-button.bk-button-primary.is-disabled {
36
- background-color: #dcdee5;
37
- border-color: #dcdee5;
38
- }
39
34
  .bk-button.bk-button-primary.is-outline {
40
35
  color: #3a84ff;
41
36
  border-color: #3a84ff;
@@ -48,12 +43,21 @@
48
43
  }
49
44
  .bk-button.bk-button-primary.is-text {
50
45
  color: #3a84ff;
51
- background: none;
46
+ background-color: transparent;
52
47
  border: none;
53
48
  }
54
- .bk-button.bk-button-primary.is-text:hover {
49
+ .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
55
50
  color: #5594fa;
56
51
  }
52
+ .bk-button.bk-button-primary.is-disabled {
53
+ color: #dcdee5;
54
+ cursor: not-allowed;
55
+ }
56
+ .bk-button.bk-button-primary.is-disabled:not(.is-text) {
57
+ background-color: #dcdee5;
58
+ color: white;
59
+ border-color: #dcdee5;
60
+ }
57
61
  .bk-button.bk-button-hover-primary:hover {
58
62
  background-color: #5594fa;
59
63
  border-color: #5594fa;
@@ -73,10 +77,6 @@
73
77
  border-color: #eb9000;
74
78
  color: white;
75
79
  }
76
- .bk-button.bk-button-warning.is-disabled {
77
- background-color: #dcdee5;
78
- border-color: #dcdee5;
79
- }
80
80
  .bk-button.bk-button-warning.is-outline {
81
81
  color: #ff9c01;
82
82
  border-color: #ff9c01;
@@ -89,12 +89,21 @@
89
89
  }
90
90
  .bk-button.bk-button-warning.is-text {
91
91
  color: #ff9c01;
92
- background: none;
92
+ background-color: transparent;
93
93
  border: none;
94
94
  }
95
- .bk-button.bk-button-warning.is-text:hover {
95
+ .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
96
96
  color: #ffb848;
97
97
  }
98
+ .bk-button.bk-button-warning.is-disabled {
99
+ color: #dcdee5;
100
+ cursor: not-allowed;
101
+ }
102
+ .bk-button.bk-button-warning.is-disabled:not(.is-text) {
103
+ background-color: #dcdee5;
104
+ color: white;
105
+ border-color: #dcdee5;
106
+ }
98
107
  .bk-button.bk-button-hover-warning:hover {
99
108
  background-color: #ffb848;
100
109
  border-color: #ffb848;
@@ -114,10 +123,6 @@
114
123
  border-color: #1ab943;
115
124
  color: white;
116
125
  }
117
- .bk-button.bk-button-success.is-disabled {
118
- background-color: #dcdee5;
119
- border-color: #dcdee5;
120
- }
121
126
  .bk-button.bk-button-success.is-outline {
122
127
  color: #2dcb56;
123
128
  border-color: #2dcb56;
@@ -130,12 +135,21 @@
130
135
  }
131
136
  .bk-button.bk-button-success.is-text {
132
137
  color: #2dcb56;
133
- background: none;
138
+ background-color: transparent;
134
139
  border: none;
135
140
  }
136
- .bk-button.bk-button-success.is-text:hover {
141
+ .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
137
142
  color: #45e35f;
138
143
  }
144
+ .bk-button.bk-button-success.is-disabled {
145
+ color: #dcdee5;
146
+ cursor: not-allowed;
147
+ }
148
+ .bk-button.bk-button-success.is-disabled:not(.is-text) {
149
+ background-color: #dcdee5;
150
+ color: white;
151
+ border-color: #dcdee5;
152
+ }
139
153
  .bk-button.bk-button-hover-success:hover {
140
154
  background-color: #45e35f;
141
155
  border-color: #45e35f;
@@ -155,10 +169,6 @@
155
169
  border-color: #db2626;
156
170
  color: white;
157
171
  }
158
- .bk-button.bk-button-danger.is-disabled {
159
- background-color: #dcdee5;
160
- border-color: #dcdee5;
161
- }
162
172
  .bk-button.bk-button-danger.is-outline {
163
173
  color: #ea3636;
164
174
  border-color: #ea3636;
@@ -171,31 +181,49 @@
171
181
  }
172
182
  .bk-button.bk-button-danger.is-text {
173
183
  color: #ea3636;
174
- background: none;
184
+ background-color: transparent;
175
185
  border: none;
176
186
  }
177
- .bk-button.bk-button-danger.is-text:hover {
187
+ .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
178
188
  color: #ff5656;
179
189
  }
190
+ .bk-button.bk-button-danger.is-disabled {
191
+ color: #dcdee5;
192
+ cursor: not-allowed;
193
+ }
194
+ .bk-button.bk-button-danger.is-disabled:not(.is-text) {
195
+ background-color: #dcdee5;
196
+ color: white;
197
+ border-color: #dcdee5;
198
+ }
180
199
  .bk-button.bk-button-hover-danger:hover {
181
200
  background-color: #ff5656;
182
201
  border-color: #ff5656;
183
202
  color: white;
184
203
  }
185
204
  .bk-button.bk-button-small {
186
- min-width: 48px;
187
205
  height: 26px;
188
- line-height: 26px;
189
- padding: 0 12px;
206
+ padding: 3px 12px;
207
+ font-size: 12px;
190
208
  }
191
209
  .bk-button.bk-button-large {
192
- min-width: 74px;
193
210
  height: 38px;
194
- line-height: 38px;
195
- padding: 0 20px;
211
+ padding: 8px 20px;
212
+ font-size: 16px;
213
+ }
214
+ .bk-button .bk-button-text {
215
+ display: inline-flex;
216
+ align-items: center;
217
+ line-height: 1;
218
+ }
219
+ .bk-button.is-loading {
220
+ position: relative;
221
+ }
222
+ .bk-button.is-loading .bk-button-loading:not(:last-child) {
223
+ position: absolute;
196
224
  }
197
- .bk-button .bk-button-loading:not(:last-child) {
198
- margin-right: 12px;
225
+ .bk-button.is-loading .bk-button-text {
226
+ visibility: hidden;
199
227
  }
200
228
  .bk-button:hover {
201
229
  border-color: #979ba5;
@@ -204,40 +232,38 @@
204
232
  color: #3a84ff;
205
233
  border-color: #3a84ff;
206
234
  }
207
- .bk-button.is-disabled {
208
- color: #dcdee5;
209
- cursor: auto;
210
- border-color: #dcdee5;
211
- }
212
235
  .bk-button.is-text {
213
236
  height: auto;
214
- font-size: 14px;
237
+ padding: 0;
215
238
  font-size: inherit;
216
- line-height: 1;
217
239
  color: #63656e;
218
240
  text-decoration: none;
219
241
  cursor: pointer;
220
- background: none;
242
+ background-color: transparent;
221
243
  border: none;
222
244
  outline: none;
223
245
  }
246
+ .bk-button.is-disabled {
247
+ color: #dcdee5;
248
+ cursor: not-allowed;
249
+ border-color: #dcdee5;
250
+ }
224
251
  .bk-button-group {
225
252
  display: inline-block;
226
253
  font-size: 0;
227
254
  }
228
255
  .bk-button-group.bk-button-group-small .bk-button {
229
- min-width: 48px;
230
256
  height: 26px;
231
- padding: 0 12px;
257
+ padding: 3px 12px;
258
+ font-size: 12px;
232
259
  }
233
260
  .bk-button-group.bk-button-group-large .bk-button {
234
- min-width: 74px;
235
261
  height: 38px;
236
- padding: 0 20px;
262
+ padding: 8px 20px;
263
+ font-size: 16px;
237
264
  }
238
265
  .bk-button-group .bk-button {
239
266
  height: 32px;
240
- min-width: 64px;
241
267
  margin: 0 0 0 -1px;
242
268
  border-radius: 0;
243
269
  }
@@ -246,6 +272,9 @@
246
272
  background-color: white;
247
273
  border-color: #c4c6cc;
248
274
  }
275
+ .bk-button-group .bk-button.is-disabled {
276
+ color: #c4c6cc;
277
+ }
249
278
  .bk-button-group .bk-button:first-child {
250
279
  border-radius: 2px 0 0 2px;
251
280
  }
@@ -263,3 +292,9 @@
263
292
  background-color: white;
264
293
  border-color: #3a84ff;
265
294
  }
295
+ .bk-button-group .bk-button.is-selected:not(.is-disabled) {
296
+ background-color: #e1ecff;
297
+ }
298
+ .bk-button-group .bk-button.is-selected.is-disabled {
299
+ background-color: #f0f1f5;
300
+ }
@@ -26,13 +26,12 @@
26
26
  import { ExtractPropTypes, PropType } from 'vue';
27
27
  declare type IButtonNativeType = PropType<'button' | 'submit' | 'reset'>;
28
28
  declare const buttonProps: {
29
- theme: import("vue-types").VueTypeDef<string> & {
30
- default: string;
31
- };
32
- hoverTheme: import("vue-types").VueTypeDef<string> & {
33
- default: string;
29
+ theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
30
+ hoverTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
31
+ size: {
32
+ type: PropType<"" | "small" | "large">;
33
+ default: "";
34
34
  };
35
- size: import("vue-types").VueTypeDef<string>;
36
35
  title: import("vue-types").VueTypeValidableDef<string> & {
37
36
  default: string;
38
37
  };
@@ -48,26 +47,32 @@ declare const buttonProps: {
48
47
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
49
48
  default: boolean;
50
49
  };
51
- laodingMode: import("vue-types").VueTypeDef<string>;
50
+ loadingMode: {
51
+ type: PropType<"default" | "spin">;
52
+ default: string;
53
+ };
52
54
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
53
55
  default: boolean;
54
56
  };
55
57
  text: import("vue-types").VueTypeValidableDef<boolean> & {
56
58
  default: boolean;
57
59
  };
60
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
61
+ default: boolean;
62
+ };
58
63
  nativeType: {
59
64
  type: IButtonNativeType;
65
+ default: string;
60
66
  };
61
67
  };
62
68
  export declare type ButtonPropTypes = ExtractPropTypes<typeof buttonProps>;
63
69
  declare const _default: import("vue").DefineComponent<{
64
- theme: import("vue-types").VueTypeDef<string> & {
65
- default: string;
66
- };
67
- hoverTheme: import("vue-types").VueTypeDef<string> & {
68
- default: string;
70
+ theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
71
+ hoverTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
72
+ size: {
73
+ type: PropType<"" | "small" | "large">;
74
+ default: "";
69
75
  };
70
- size: import("vue-types").VueTypeDef<string>;
71
76
  title: import("vue-types").VueTypeValidableDef<string> & {
72
77
  default: string;
73
78
  };
@@ -83,24 +88,30 @@ declare const _default: import("vue").DefineComponent<{
83
88
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
84
89
  default: boolean;
85
90
  };
86
- laodingMode: import("vue-types").VueTypeDef<string>;
91
+ loadingMode: {
92
+ type: PropType<"default" | "spin">;
93
+ default: string;
94
+ };
87
95
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
88
96
  default: boolean;
89
97
  };
90
98
  text: import("vue-types").VueTypeValidableDef<boolean> & {
91
99
  default: boolean;
92
100
  };
101
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
102
+ default: boolean;
103
+ };
93
104
  nativeType: {
94
105
  type: IButtonNativeType;
95
- };
96
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
97
- theme: import("vue-types").VueTypeDef<string> & {
98
106
  default: string;
99
107
  };
100
- hoverTheme: import("vue-types").VueTypeDef<string> & {
101
- default: string;
108
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "mouseover")[], "click" | "mouseover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
109
+ theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
110
+ hoverTheme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
111
+ size: {
112
+ type: PropType<"" | "small" | "large">;
113
+ default: "";
102
114
  };
103
- size: import("vue-types").VueTypeDef<string>;
104
115
  title: import("vue-types").VueTypeValidableDef<string> & {
105
116
  default: string;
106
117
  };
@@ -116,15 +127,22 @@ declare const _default: import("vue").DefineComponent<{
116
127
  loading: import("vue-types").VueTypeValidableDef<boolean> & {
117
128
  default: boolean;
118
129
  };
119
- laodingMode: import("vue-types").VueTypeDef<string>;
130
+ loadingMode: {
131
+ type: PropType<"default" | "spin">;
132
+ default: string;
133
+ };
120
134
  outline: import("vue-types").VueTypeValidableDef<boolean> & {
121
135
  default: boolean;
122
136
  };
123
137
  text: import("vue-types").VueTypeValidableDef<boolean> & {
124
138
  default: boolean;
125
139
  };
140
+ selected: import("vue-types").VueTypeValidableDef<boolean> & {
141
+ default: boolean;
142
+ };
126
143
  nativeType: {
127
144
  type: IButtonNativeType;
145
+ default: string;
128
146
  };
129
147
  }>> & {
130
148
  onClick?: (...args: any[]) => any;
@@ -132,12 +150,14 @@ declare const _default: import("vue").DefineComponent<{
132
150
  }, {
133
151
  title: string;
134
152
  text: boolean;
135
- theme: string;
153
+ disabled: boolean;
154
+ size: "" | "small" | "large";
136
155
  icon: string;
137
156
  outline: boolean;
138
- disabled: boolean;
139
157
  loading: boolean;
140
- hoverTheme: string;
141
158
  iconRight: string;
159
+ loadingMode: "default" | "spin";
160
+ selected: boolean;
161
+ nativeType: "reset" | "submit" | "button";
142
162
  }>;
143
163
  export default _default;
@@ -1,32 +1,28 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
- @btnMinWidth: 64px;
4
3
  @btnHeight: 32px;
5
- @btnPadding: 15px;
4
+ @btnPadding: 5px 12px;
6
5
  @btnBorderRadius: 2px;
7
6
 
8
- @smallBtnMinWidth: 48px;
9
7
  @smallBtnHeight: 26px;
10
- @smallBtnPadding: 12px;
8
+ @smallBtnPadding: 3px 12px;
9
+ @smallBtnFontSize: @font-size-base;
11
10
 
12
- @largeBtnMinWidth: 74px;
13
11
  @largeBtnHeight: 38px;
14
- @largeBtnPadding: 20px;
12
+ @largeBtnPadding: 8px 20px;
13
+ @largeBtnFontSize: @font-size-large;
15
14
 
16
15
  @themeSelectors: primary, warning, success, danger;
17
16
  @sizeSelectors: small, large;
18
17
 
19
18
  .@{bk-prefix}-button {
20
- display: inline-block;
19
+ display: inline-flex;
21
20
  height: @btnHeight;
22
- min-width: @btnMinWidth;
23
- padding: 0 @btnPadding;
21
+ padding: @btnPadding;
24
22
  font-size: @font-size-medium;
25
23
  color: @default-color;
26
- text-align: center;
27
24
  text-decoration: none;
28
25
  white-space: nowrap;
29
- vertical-align: middle;
30
26
  cursor: pointer;
31
27
  background-color: @white-color;
32
28
  border: 1px solid @light-gray;
@@ -35,6 +31,8 @@
35
31
  box-sizing: border-box;
36
32
  transition: background-color ease .3s;
37
33
  appearance: none;
34
+ align-items: center;
35
+ justify-content: center;
38
36
 
39
37
  each(@themeSelectors, {
40
38
  @color: '@{value}-color';
@@ -56,10 +54,6 @@
56
54
  color: @white-color;
57
55
  }
58
56
 
59
- &.is-disabled {
60
- background-color: @disable-color;
61
- border-color: @disable-color;
62
- }
63
57
  &.is-outline {
64
58
  color: @@color;
65
59
  border-color: @@color;
@@ -74,12 +68,21 @@
74
68
 
75
69
  &.is-text {
76
70
  color: @@color;
77
- background: none;
71
+ background-color: transparent;
78
72
  border: none;
79
- &:hover {
73
+ &:not(.is-disabled):hover {
80
74
  color: @@hoverColor;
81
75
  }
82
76
  }
77
+ &.is-disabled {
78
+ &:not(.is-text) {
79
+ background-color: @disable-color;
80
+ color: @white-color;
81
+ border-color: @disable-color;
82
+ }
83
+ color: @disable-color;
84
+ cursor: not-allowed;
85
+ }
83
86
  }
84
87
 
85
88
  &.@{bk-prefix}-button-hover-@{value} {
@@ -93,21 +96,31 @@
93
96
 
94
97
 
95
98
  each(@sizeSelectors, {
96
- @sizeBtnMinWidth: '@{value}BtnMinWidth';
97
99
  @sizeBtnHeight: '@{value}BtnHeight';
98
100
  @sizeBtnPadding: '@{value}BtnPadding';
101
+ @sizeBtnFontSize: '@{value}BtnFontSize';
99
102
  &.@{bk-prefix}-button-@{value} {
100
- min-width: @@sizeBtnMinWidth;
101
103
  height: @@sizeBtnHeight;
102
- line-height: @@sizeBtnHeight;
103
- padding: 0 @@sizeBtnPadding;
104
+ padding: @@sizeBtnPadding;
105
+ font-size: @@sizeBtnFontSize;
104
106
  }
105
- })
106
- ;
107
+ });
107
108
 
108
- .@{bk-prefix}-button-loading {
109
- &:not(:last-child) {
110
- margin-right: @smallBtnPadding;
109
+ .@{bk-prefix}-button-text {
110
+ display: inline-flex;
111
+ align-items: center;
112
+ line-height: 1;
113
+ }
114
+
115
+ &.is-loading {
116
+ position: relative;
117
+ .@{bk-prefix}-button-loading {
118
+ &:not(:last-child) {
119
+ position: absolute;
120
+ }
121
+ }
122
+ .@{bk-prefix}-button-text {
123
+ visibility: hidden;
111
124
  }
112
125
  }
113
126
 
@@ -120,38 +133,45 @@
120
133
  border-color: @primary-color;
121
134
  }
122
135
 
123
- &.is-disabled {
124
- color: @disable-color;
125
- cursor: auto;
126
- border-color: @disable-color;
127
- }
128
-
129
136
  &.is-text {
130
137
  height: auto;
131
- font-size: @font-size-medium;
138
+ padding: 0;
132
139
  font-size: inherit;
133
- line-height: 1;
134
140
  color: @default-color;
135
141
  text-decoration: none;
136
142
  cursor: pointer;
137
- background: none;
143
+ background-color: transparent;
138
144
  border: none;
139
145
  outline: none;
140
- }}
146
+ }
147
+
148
+ &.is-disabled {
149
+ color: @disable-color;
150
+ cursor: not-allowed;
151
+ border-color: @disable-color;
152
+ }
153
+
154
+ // &.is-circle {
155
+ // padding: 8px;
156
+ // line-height: 1;
157
+ // border-radius: 50%;
158
+ // }
159
+ }
160
+
141
161
 
142
162
  .@{bk-prefix}-button-group {
143
163
  display: inline-block;
144
164
  font-size: 0;
145
-
165
+
146
166
  each(@sizeSelectors, {
147
- @sizeBtnMinWidth: '@{value}BtnMinWidth';
148
167
  @sizeBtnHeight: '@{value}BtnHeight';
149
168
  @sizeBtnPadding: '@{value}BtnPadding';
169
+ @sizeBtnFontSize: '@{value}BtnFontSize';
150
170
  &.@{bk-prefix}-button-group-@{value} {
151
171
  .@{bk-prefix}-button {
152
- min-width: @@sizeBtnMinWidth;
153
172
  height: @@sizeBtnHeight;
154
- padding: 0 @@sizeBtnPadding;
173
+ padding: @@sizeBtnPadding;
174
+ font-size: @@sizeBtnFontSize;
155
175
  }
156
176
  }
157
177
  })
@@ -159,7 +179,6 @@
159
179
 
160
180
  .@{bk-prefix}-button {
161
181
  height: @btnHeight;
162
- min-width: @btnMinWidth;
163
182
  margin: 0 0 0 -1px;
164
183
  border-radius: 0;
165
184
 
@@ -168,10 +187,13 @@
168
187
  background-color: @white-color;
169
188
  border-color: @light-gray;
170
189
  }
190
+
191
+ &.is-disabled {
192
+ color: @light-gray;
193
+ }
171
194
 
172
195
  &:first-child {
173
196
  border-radius: @btnBorderRadius 0 0 @btnBorderRadius;
174
-
175
197
  }
176
198
 
177
199
  &:last-child {
@@ -191,5 +213,13 @@
191
213
  border-color: @primary-color;
192
214
  }
193
215
 
216
+ &.is-selected:not(.is-disabled) {
217
+ background-color: @button-selected-bg-color;
218
+ }
219
+
220
+ &.is-selected.is-disabled {
221
+ background-color: @button-disabled-selected-bg-color;
222
+ }
223
+
194
224
  }
195
225
  }