bkui-vue 0.0.1-beta.13 → 0.0.1-beta.130

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