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

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 (419) hide show
  1. package/README.md +25 -17
  2. package/README_EN.md +89 -0
  3. package/dist/bkui-vue.cjs.js +9736 -1174
  4. package/dist/bkui-vue.esm.js +9873 -1358
  5. package/dist/bkui-vue.umd.js +9736 -1174
  6. package/dist/style.css +3189 -166
  7. package/lib/alert/alert.d.ts +24 -15
  8. package/lib/alert/alert.variable.css +32 -0
  9. package/lib/alert/index.d.ts +180 -3
  10. package/lib/alert/index.js +1 -1
  11. package/lib/animate-number/animate-number.d.ts +12 -7
  12. package/lib/animate-number/index.d.ts +97 -2
  13. package/lib/animate-number/index.js +1 -1
  14. package/lib/backtop/backtop.d.ts +27 -13
  15. package/lib/backtop/backtop.variable.css +32 -0
  16. package/lib/backtop/index.d.ts +166 -2
  17. package/lib/backtop/index.js +1 -1
  18. package/lib/badge/badge.d.ts +40 -19
  19. package/lib/badge/badge.variable.css +32 -0
  20. package/lib/badge/index.d.ts +217 -2
  21. package/lib/badge/index.js +1 -1
  22. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  23. package/lib/breadcrumb/breadcrumb.css +10 -1
  24. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  25. package/lib/breadcrumb/breadcrumb.less +13 -2
  26. package/lib/breadcrumb/breadcrumb.variable.css +42 -1
  27. package/lib/breadcrumb/index.d.ts +144 -43
  28. package/lib/breadcrumb/index.js +1 -1
  29. package/lib/button/button-group.d.ts +3 -5
  30. package/lib/button/button.d.ts +35 -30
  31. package/lib/button/button.less +6 -6
  32. package/lib/button/button.variable.css +32 -0
  33. package/lib/button/index.d.ts +187 -3
  34. package/lib/button/index.js +1 -1
  35. package/lib/card/card.d.ts +30 -15
  36. package/lib/card/card.variable.css +32 -0
  37. package/lib/card/index.d.ts +187 -2
  38. package/lib/card/index.js +1 -1
  39. package/lib/checkbox/checkbox-group.d.ts +13 -9
  40. package/lib/checkbox/checkbox.d.ts +31 -22
  41. package/lib/checkbox/checkbox.variable.css +32 -0
  42. package/lib/checkbox/index.d.ts +261 -2
  43. package/lib/checkbox/index.js +1 -1
  44. package/lib/checkbox/type.d.ts +6 -5
  45. package/lib/collapse/collapse.css +8 -0
  46. package/lib/collapse/collapse.d.ts +50 -18
  47. package/lib/collapse/collapse.less +10 -0
  48. package/lib/collapse/collapse.variable.css +8 -0
  49. package/lib/collapse/index.d.ts +166 -2
  50. package/lib/collapse/index.js +1 -1
  51. package/lib/components.d.ts +37 -0
  52. package/lib/date-picker/date-picker.css +407 -0
  53. package/lib/date-picker/date-picker.d.ts +404 -0
  54. package/lib/date-picker/date-picker.less +526 -0
  55. package/lib/date-picker/date-picker.variable.css +500 -0
  56. package/lib/date-picker/fecha.d.ts +6 -0
  57. package/lib/date-picker/index.d.ts +713 -0
  58. package/lib/date-picker/index.js +1 -0
  59. package/lib/date-picker/interface.d.ts +22 -0
  60. package/lib/date-picker/utils.d.ts +97 -0
  61. package/lib/dialog/dialog.d.ts +57 -27
  62. package/lib/dialog/index.d.ts +286 -2
  63. package/lib/dialog/index.js +1 -1
  64. package/lib/directives/clickoutside.d.ts +23 -0
  65. package/lib/directives/index.d.ts +2 -0
  66. package/lib/directives/index.js +14 -14
  67. package/lib/directives/tooltips.d.ts +17 -0
  68. package/lib/divider/divider.css +38 -0
  69. package/lib/divider/divider.d.ts +48 -0
  70. package/lib/divider/divider.less +53 -0
  71. package/lib/divider/divider.variable.css +131 -0
  72. package/lib/divider/index.d.ts +142 -0
  73. package/lib/divider/index.js +1 -0
  74. package/lib/dropdown/dropdown-item.d.ts +19 -0
  75. package/lib/dropdown/dropdown-menu.d.ts +16 -0
  76. package/lib/dropdown/dropdown.css +43 -0
  77. package/lib/dropdown/dropdown.d.ts +61 -0
  78. package/lib/dropdown/dropdown.less +54 -0
  79. package/lib/dropdown/dropdown.variable.css +136 -0
  80. package/lib/dropdown/index.d.ts +192 -0
  81. package/lib/dropdown/index.js +1 -0
  82. package/lib/exception/exception.d.ts +11 -9
  83. package/lib/exception/exception.variable.css +32 -0
  84. package/lib/exception/index.d.ts +95 -1
  85. package/lib/exception/index.js +1 -1
  86. package/lib/fixed-navbar/fixed-navbar.d.ts +15 -9
  87. package/lib/fixed-navbar/fixed-navbar.variable.css +32 -0
  88. package/lib/fixed-navbar/index.d.ts +112 -2
  89. package/lib/fixed-navbar/index.js +1 -1
  90. package/lib/form/common.d.ts +3 -0
  91. package/lib/form/form-item.d.ts +159 -0
  92. package/lib/form/form.css +39 -0
  93. package/lib/form/form.d.ts +84 -0
  94. package/lib/form/form.less +50 -0
  95. package/lib/form/form.variable.css +39 -0
  96. package/lib/form/index.d.ts +286 -0
  97. package/lib/form/index.js +1 -0
  98. package/lib/form/type.d.ts +21 -0
  99. package/lib/form/validator.d.ts +8 -0
  100. package/lib/icon/angle-double-down-line.d.ts +4 -0
  101. package/lib/icon/angle-double-down-line.js +15 -0
  102. package/lib/icon/angle-double-left-line.d.ts +4 -0
  103. package/lib/icon/angle-double-left-line.js +15 -0
  104. package/lib/icon/angle-double-left.d.ts +4 -0
  105. package/lib/icon/angle-double-left.js +15 -0
  106. package/lib/icon/angle-double-right-line.d.ts +4 -0
  107. package/lib/icon/angle-double-right-line.js +15 -0
  108. package/lib/icon/angle-double-right.d.ts +4 -0
  109. package/lib/icon/angle-double-right.js +15 -0
  110. package/lib/icon/angle-double-up-line.d.ts +4 -0
  111. package/lib/icon/angle-double-up-line.js +15 -0
  112. package/lib/icon/angle-down-fill.d.ts +4 -0
  113. package/lib/icon/angle-down-fill.js +15 -0
  114. package/lib/icon/angle-down-line.d.ts +4 -0
  115. package/lib/icon/angle-down-line.js +15 -0
  116. package/lib/icon/angle-down.d.ts +4 -0
  117. package/lib/icon/angle-down.js +15 -0
  118. package/lib/icon/angle-left.d.ts +4 -0
  119. package/lib/icon/angle-left.js +15 -0
  120. package/lib/icon/angle-right.d.ts +4 -0
  121. package/lib/icon/angle-right.js +15 -0
  122. package/lib/icon/angle-up-fill.d.ts +4 -0
  123. package/lib/icon/angle-up-fill.js +15 -0
  124. package/lib/icon/angle-up.d.ts +4 -0
  125. package/lib/icon/angle-up.js +15 -0
  126. package/lib/icon/arrows-left.d.ts +4 -0
  127. package/lib/icon/arrows-left.js +15 -0
  128. package/lib/icon/arrows-right.d.ts +4 -0
  129. package/lib/icon/arrows-right.js +15 -0
  130. package/lib/icon/bk.d.ts +4 -0
  131. package/lib/icon/bk.js +15 -0
  132. package/lib/icon/circle.d.ts +4 -0
  133. package/lib/icon/circle.js +15 -0
  134. package/lib/icon/close.d.ts +4 -0
  135. package/lib/icon/close.js +15 -0
  136. package/lib/icon/code.d.ts +4 -0
  137. package/lib/icon/code.js +15 -0
  138. package/lib/icon/cog-shape.d.ts +4 -0
  139. package/lib/icon/cog-shape.js +15 -0
  140. package/lib/icon/collapse-left.d.ts +4 -0
  141. package/lib/icon/collapse-left.js +15 -0
  142. package/lib/icon/copy.d.ts +4 -0
  143. package/lib/icon/copy.js +15 -0
  144. package/lib/icon/done.d.ts +4 -0
  145. package/lib/icon/done.js +15 -0
  146. package/lib/icon/down-shape.d.ts +4 -0
  147. package/lib/icon/down-shape.js +15 -0
  148. package/lib/icon/down-small.d.ts +4 -0
  149. package/lib/icon/down-small.js +15 -0
  150. package/lib/icon/ellipsis.d.ts +4 -0
  151. package/lib/icon/ellipsis.js +15 -0
  152. package/lib/icon/error.d.ts +4 -0
  153. package/lib/icon/error.js +15 -0
  154. package/lib/icon/eye.d.ts +4 -0
  155. package/lib/icon/eye.js +15 -0
  156. package/lib/icon/folder-open.d.ts +4 -0
  157. package/lib/icon/folder-open.js +15 -0
  158. package/lib/icon/folder-shape-open.d.ts +4 -0
  159. package/lib/icon/folder-shape-open.js +15 -0
  160. package/lib/icon/folder-shape.d.ts +4 -0
  161. package/lib/icon/folder-shape.js +15 -0
  162. package/lib/icon/folder.d.ts +4 -0
  163. package/lib/icon/folder.js +15 -0
  164. package/lib/icon/help-document-fill.d.ts +4 -0
  165. package/lib/icon/help-document-fill.js +15 -0
  166. package/lib/icon/help-fill.d.ts +4 -0
  167. package/lib/icon/help-fill.js +15 -0
  168. package/lib/icon/help.d.ts +4 -0
  169. package/lib/icon/help.js +15 -0
  170. package/lib/icon/icon.d.ts +12 -0
  171. package/lib/icon/icon.js +15 -0
  172. package/lib/icon/index.d.ts +42 -0
  173. package/lib/icon/index.js +1 -1
  174. package/lib/icon/info-line.d.ts +4 -0
  175. package/lib/icon/info-line.js +15 -0
  176. package/lib/icon/info.d.ts +4 -0
  177. package/lib/icon/info.js +15 -0
  178. package/lib/icon/left-shape.d.ts +4 -0
  179. package/lib/icon/left-shape.js +15 -0
  180. package/lib/icon/play-shape.d.ts +4 -0
  181. package/lib/icon/play-shape.js +15 -0
  182. package/lib/icon/plus.d.ts +4 -0
  183. package/lib/icon/plus.js +15 -0
  184. package/lib/icon/qq.d.ts +4 -0
  185. package/lib/icon/qq.js +15 -0
  186. package/lib/icon/right-shape.d.ts +4 -0
  187. package/lib/icon/right-shape.js +15 -0
  188. package/lib/icon/search.d.ts +4 -0
  189. package/lib/icon/search.js +15 -0
  190. package/lib/icon/share.d.ts +4 -0
  191. package/lib/icon/share.js +15 -0
  192. package/lib/icon/spinner.d.ts +4 -0
  193. package/lib/icon/spinner.js +15 -0
  194. package/lib/icon/success.d.ts +4 -0
  195. package/lib/icon/success.js +15 -0
  196. package/lib/icon/switcher-loading.d.ts +4 -0
  197. package/lib/icon/switcher-loading.js +15 -0
  198. package/lib/icon/text-file.d.ts +4 -0
  199. package/lib/icon/text-file.js +15 -0
  200. package/lib/icon/tree-application-shape.d.ts +4 -0
  201. package/lib/icon/tree-application-shape.js +15 -0
  202. package/lib/icon/unvisible.d.ts +4 -0
  203. package/lib/icon/unvisible.js +15 -0
  204. package/lib/icon/up-shape.d.ts +4 -0
  205. package/lib/icon/up-shape.js +15 -0
  206. package/lib/icon/warn.d.ts +4 -0
  207. package/lib/icon/warn.js +15 -0
  208. package/lib/icon/weixin.d.ts +4 -0
  209. package/lib/icon/weixin.js +15 -0
  210. package/lib/index.d.ts +4 -0
  211. package/lib/input/index.d.ts +363 -2
  212. package/lib/input/index.js +2 -2
  213. package/lib/input/input.css +1 -0
  214. package/lib/input/input.d.ts +68 -46
  215. package/lib/input/input.less +4 -3
  216. package/lib/input/input.variable.css +33 -0
  217. package/lib/link/index.d.ts +164 -2
  218. package/lib/link/index.js +1 -1
  219. package/lib/link/link.d.ts +25 -13
  220. package/lib/link/link.variable.css +32 -0
  221. package/lib/loading/index.d.ts +124 -2
  222. package/lib/loading/index.js +1 -1
  223. package/lib/loading/loading.d.ts +26 -15
  224. package/lib/loading/loading.variable.css +32 -0
  225. package/lib/menu/index.d.ts +188 -0
  226. package/lib/menu/index.js +1 -0
  227. package/lib/menu/menu-group.d.ts +14 -0
  228. package/lib/menu/menu-item.d.ts +16 -0
  229. package/lib/menu/menu.css +182 -0
  230. package/lib/menu/menu.d.ts +64 -0
  231. package/lib/menu/menu.less +180 -0
  232. package/lib/menu/menu.variable.css +275 -0
  233. package/lib/menu/submenu.css +3 -0
  234. package/lib/menu/submenu.d.ts +22 -0
  235. package/lib/menu/submenu.less +5 -0
  236. package/lib/menu/submenu.variable.css +96 -0
  237. package/lib/menu/utils.d.ts +41 -0
  238. package/lib/message/index.d.ts +2 -0
  239. package/lib/message/index.js +1 -0
  240. package/lib/message/message.css +53 -0
  241. package/lib/message/message.less +61 -0
  242. package/lib/message/message.variable.css +146 -0
  243. package/lib/message/messageConstructor.d.ts +73 -0
  244. package/lib/modal/index.d.ts +214 -3
  245. package/lib/modal/index.js +1 -1
  246. package/lib/modal/modal.d.ts +33 -15
  247. package/lib/modal/props.mixin.d.ts +5 -1
  248. package/lib/navigation/index.d.ts +2 -0
  249. package/lib/navigation/index.js +1 -0
  250. package/lib/navigation/navigation-title.d.ts +25 -0
  251. package/lib/navigation/navigation.css +184 -0
  252. package/lib/navigation/navigation.d.ts +111 -0
  253. package/lib/navigation/navigation.less +210 -0
  254. package/lib/navigation/navigation.variable.css +277 -0
  255. package/lib/notify/index.d.ts +2 -0
  256. package/lib/notify/index.js +1 -0
  257. package/lib/notify/notify.css +49 -0
  258. package/lib/notify/notify.less +58 -0
  259. package/lib/notify/notify.variable.css +142 -0
  260. package/lib/notify/notifyConstructor.d.ts +91 -0
  261. package/lib/pagination/index.d.ts +395 -0
  262. package/lib/pagination/index.js +1 -0
  263. package/lib/pagination/pagination.css +179 -0
  264. package/lib/pagination/pagination.d.ts +220 -0
  265. package/lib/pagination/pagination.less +201 -0
  266. package/lib/pagination/pagination.variable.css +272 -0
  267. package/lib/pagination/type.d.ts +6 -0
  268. package/lib/pagination/use-limit.d.ts +8 -0
  269. package/lib/pagination/use-list.d.ts +8 -0
  270. package/lib/pagination/use-small-list.d.ts +5 -0
  271. package/lib/pagination/use-total.d.ts +5 -0
  272. package/lib/popover/index.d.ts +287 -27
  273. package/lib/popover/index.js +1 -1
  274. package/lib/popover/popover.css +23 -14
  275. package/lib/popover/popover.d.ts +74 -45
  276. package/lib/popover/popover.less +57 -46
  277. package/lib/popover/popover.variable.css +55 -14
  278. package/lib/popover/props.d.ts +77 -0
  279. package/lib/preset.d.ts +7 -0
  280. package/lib/process/index.d.ts +205 -0
  281. package/lib/process/index.js +15 -0
  282. package/lib/process/process.css +138 -0
  283. package/lib/process/process.d.ts +131 -0
  284. package/lib/process/process.less +178 -0
  285. package/lib/process/process.variable.css +231 -0
  286. package/lib/progress/index.d.ts +398 -2
  287. package/lib/progress/index.js +1 -1
  288. package/lib/progress/progress.css +0 -3
  289. package/lib/progress/progress.d.ts +88 -35
  290. package/lib/progress/progress.less +0 -4
  291. package/lib/progress/progress.variable.css +32 -3
  292. package/lib/radio/index.d.ts +277 -2
  293. package/lib/radio/index.js +1 -1
  294. package/lib/radio/radio-button.d.ts +24 -16
  295. package/lib/radio/radio-group.d.ts +11 -10
  296. package/lib/radio/radio.css +6 -0
  297. package/lib/radio/radio.d.ts +23 -13
  298. package/lib/radio/radio.less +7 -0
  299. package/lib/radio/radio.variable.css +38 -0
  300. package/lib/rate/index.d.ts +113 -2
  301. package/lib/rate/index.js +1 -1
  302. package/lib/rate/rate.d.ts +13 -10
  303. package/lib/rate/star.d.ts +33 -16
  304. package/lib/select/common.d.ts +13 -3
  305. package/lib/select/index.d.ts +962 -2
  306. package/lib/select/index.js +15 -1
  307. package/lib/select/option.d.ts +12 -19
  308. package/lib/select/optionGroup.d.ts +130 -0
  309. package/lib/select/select.css +130 -14
  310. package/lib/select/select.d.ts +152 -150
  311. package/lib/select/select.less +164 -26
  312. package/lib/select/select.variable.css +162 -14
  313. package/lib/shared/bk-helper-core.d.ts +6 -0
  314. package/lib/shared/bk-mask-manager.d.ts +32 -3
  315. package/lib/shared/bk-pop-manager.d.ts +8 -1
  316. package/lib/shared/bk-popover.d.ts +56 -5
  317. package/lib/shared/index.d.ts +24 -0
  318. package/lib/shared/index.js +1 -1
  319. package/lib/shared/utils.d.ts +6 -0
  320. package/lib/shared/vue-types.d.ts +3 -6
  321. package/lib/shared/z-index-manager.d.ts +6 -1
  322. package/lib/sideslider/index.d.ts +206 -2
  323. package/lib/sideslider/index.js +1 -1
  324. package/lib/sideslider/sideslider.d.ts +39 -18
  325. package/lib/sideslider/sideslider.variable.css +32 -0
  326. package/{index.d.ts → lib/slider/index.d.ts} +4 -5
  327. package/lib/slider/index.js +15 -0
  328. package/{commitlint.config.js → lib/slider/slider-button.d.ts} +50 -42
  329. package/lib/slider/slider.css +149 -0
  330. package/lib/slider/slider.d.ts +189 -0
  331. package/lib/slider/slider.less +179 -0
  332. package/lib/slider/slider.variable.css +242 -0
  333. package/lib/steps/index.d.ts +250 -0
  334. package/lib/steps/index.js +15 -0
  335. package/lib/steps/steps.css +288 -0
  336. package/lib/steps/steps.d.ts +161 -0
  337. package/lib/steps/steps.less +324 -0
  338. package/lib/steps/steps.variable.css +381 -0
  339. package/lib/styles/index.d.ts +43 -25
  340. package/lib/styles/index.js +1 -1
  341. package/lib/styles/mixins/popper.css +43 -0
  342. package/lib/styles/mixins/popper.less +52 -0
  343. package/lib/styles/mixins/popper.variable.css +43 -0
  344. package/lib/styles/mixins/size.less +9 -0
  345. package/lib/styles/reset.css +273 -0
  346. package/lib/styles/reset.less +313 -0
  347. package/lib/styles/reset.variable.css +273 -0
  348. package/lib/styles/themes/themes.less +52 -2
  349. package/lib/switcher/index.d.ts +286 -2
  350. package/lib/switcher/index.js +1 -1
  351. package/lib/switcher/switcher.css +149 -135
  352. package/lib/switcher/switcher.d.ts +48 -32
  353. package/lib/switcher/switcher.less +210 -154
  354. package/lib/switcher/switcher.variable.css +181 -135
  355. package/lib/tab/index.d.ts +552 -0
  356. package/lib/tab/index.js +1 -0
  357. package/lib/tab/tab-nav.d.ts +190 -0
  358. package/lib/tab/tab-panel.d.ts +48 -0
  359. package/lib/tab/tab.css +147 -0
  360. package/lib/tab/tab.d.ts +163 -0
  361. package/lib/tab/tab.less +221 -0
  362. package/lib/tab/tab.variable.css +240 -0
  363. package/lib/table/const.d.ts +4 -0
  364. package/lib/table/index.d.ts +259 -2
  365. package/lib/table/index.js +1 -1
  366. package/lib/table/props.d.ts +110 -0
  367. package/lib/table/render.d.ts +72 -0
  368. package/lib/table/table.css +83 -0
  369. package/lib/table/table.d.ts +75 -38
  370. package/lib/table/table.less +107 -1
  371. package/lib/table/table.variable.css +115 -0
  372. package/lib/table/utils.d.ts +69 -0
  373. package/lib/tag/index.d.ts +229 -2
  374. package/lib/tag/index.js +1 -1
  375. package/lib/tag/tag.css +91 -0
  376. package/lib/tag/tag.d.ts +83 -53
  377. package/lib/tag/tag.less +103 -2
  378. package/lib/tag/tag.variable.css +123 -0
  379. package/lib/timeline/index.d.ts +129 -0
  380. package/lib/timeline/index.js +1 -0
  381. package/lib/timeline/timeline.css +235 -0
  382. package/lib/timeline/timeline.d.ts +81 -0
  383. package/lib/timeline/timeline.less +239 -0
  384. package/lib/timeline/timeline.variable.css +328 -0
  385. package/{changelog.config.js → lib/transfer/index.d.ts} +2 -8
  386. package/lib/transfer/index.js +1 -0
  387. package/lib/transfer/transfer.css +158 -0
  388. package/lib/transfer/transfer.d.ts +185 -0
  389. package/lib/transfer/transfer.less +171 -0
  390. package/lib/transfer/transfer.variable.css +251 -0
  391. package/lib/tree/index.d.ts +254 -0
  392. package/lib/tree/index.js +1 -0
  393. package/lib/tree/props.d.ts +80 -0
  394. package/lib/tree/tree.css +44 -0
  395. package/lib/tree/tree.d.ts +98 -0
  396. package/lib/tree/tree.less +55 -0
  397. package/lib/tree/tree.variable.css +44 -0
  398. package/lib/tree/util.d.ts +57 -0
  399. package/lib/use-form.d.ts +3 -0
  400. package/lib/use-message.d.ts +2 -0
  401. package/lib/virtual-render/index.d.ts +556 -0
  402. package/lib/virtual-render/index.js +1 -0
  403. package/lib/virtual-render/props.d.ts +157 -0
  404. package/lib/virtual-render/v-virtual-render.d.ts +7 -0
  405. package/lib/virtual-render/virtual-render.css +40 -0
  406. package/lib/virtual-render/virtual-render.d.ts +244 -0
  407. package/lib/virtual-render/virtual-render.less +51 -0
  408. package/lib/virtual-render/virtual-render.variable.css +40 -0
  409. package/package.json +63 -48
  410. package/index.html +0 -40
  411. package/lib/checkbox-group/index.d.ts +0 -2
  412. package/lib/checkbox-group/index.js +0 -1
  413. package/lib/radio-button/index.d.ts +0 -2
  414. package/lib/radio-button/index.js +0 -1
  415. package/lib/radio-group/index.d.ts +0 -2
  416. package/lib/radio-group/index.js +0 -1
  417. package/lib/table/common.d.ts +0 -3
  418. package/lib/table/table-layout.d.ts +0 -14
  419. package/lib/table/type.d.ts +0 -12
@@ -1,10 +1,12 @@
1
1
  :root {
2
2
  --bk-prefix: bk;
3
+ --popover-max-height: 216px;
3
4
  --primary-color: #3a84ff;
4
5
  --success-color: #2dcb56;
5
6
  --warning-color: #ff9c01;
6
7
  --danger-color: #ea3636;
7
8
  --default-color: #63656e;
9
+ --gray-color: #979ba5;
8
10
  --light-gray: #c4c6cc;
9
11
  --white-color: white;
10
12
  --disable-color: #dcdee5;
@@ -58,6 +60,48 @@
58
60
  --link-success-disabled-color: #94f5a4;
59
61
  --link-warning-disabled-color: #ffd695;
60
62
  --link-danger-disabled-color: #fd9c9c;
63
+ --message-color: var(--default-color);
64
+ --message-primary-bg-color: #f0f8ff;
65
+ --message-primary-border-color: #e1ecff;
66
+ --message-warning-bg-color: #fff4e2;
67
+ --message-warning-border-color: #ffe8c3;
68
+ --message-success-bg-color: #f2fff4;
69
+ --message-success-border-color: #dcffe2;
70
+ --message-danger-bg-color: #ffeded;
71
+ --message-danger-border-color: #ffdddd;
72
+ --slider-default-bg: #dcdee5;
73
+ --slider-disable-bar-bg: #979ba5;
74
+ --menu-bg-color: #182132;
75
+ --submenu-bg-color: #151d2c;
76
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
77
+ --menu-color: #96a2b9;
78
+ --menu-group-color: var(--default-color);
79
+ --menu-width: 260px;
80
+ --menu-collapse-width: 60px;
81
+ --menu-active-color: white;
82
+ --nav-header-bg-color: #182132;
83
+ --nav-bg-color: #182132;
84
+ --date-picker-disabled-bg: #fafbfd;
85
+ --date-picker-dropdown-mb: 4px;
86
+ --date-picker-dropdown-bg: #fff;
87
+ --table-bg-color: var(--white-color);
88
+ --table-border-color: #dcdee5;
89
+ --table-head-bg-color: #fafbfd;
90
+ --table-head-font-color: #313238;
91
+ --table-body-font-color: #575961;
92
+ --table-row-hover-bg-color: #f5f7fa;
93
+ }
94
+ .bk-select {
95
+ display: inline-block;
96
+ }
97
+ .bk-select ul {
98
+ padding: 0;
99
+ margin: 0;
100
+ font-weight: normal;
101
+ list-style: none;
102
+ }
103
+ .bk-select .bk-popover-content {
104
+ padding: 0;
61
105
  }
62
106
  .bk-select.is-focus .bk-select-trigger .bk-select-input {
63
107
  border-color: var(--primary-color);
@@ -77,6 +121,7 @@
77
121
  cursor: pointer;
78
122
  }
79
123
  .bk-select .bk-select-trigger .bk-select-input {
124
+ width: 100%;
80
125
  height: 32px;
81
126
  padding: 0 28px 0 10px;
82
127
  font-size: 12px;
@@ -96,59 +141,128 @@
96
141
  .bk-select .bk-select-trigger .bk-select-input::placeholder {
97
142
  color: var(--light-gray);
98
143
  }
99
- .bk-select .bk-select-trigger .angle-up {
144
+ .bk-select .bk-select-trigger .bk-select-prefix {
100
145
  position: absolute;
101
146
  top: 6px;
102
- right: 4px;
147
+ left: 4px;
148
+ font-size: 14px;
149
+ }
150
+ .bk-select .bk-select-trigger .angle-up {
151
+ transform: rotate(180deg);
152
+ transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
103
153
  display: flex;
154
+ align-items: center;
155
+ justify-content: center;
104
156
  width: 20px;
105
157
  height: 20px;
106
158
  font-size: 20px;
107
159
  color: #979ba5;
108
- transform: rotate(180deg);
109
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
160
+ position: absolute;
161
+ top: 6px;
162
+ right: 4px;
163
+ }
164
+ .bk-select .bk-select-trigger .clear-icon {
165
+ transition: all 0.1s;
166
+ display: flex;
110
167
  align-items: center;
111
168
  justify-content: center;
169
+ width: 20px;
170
+ height: 20px;
171
+ font-size: 14px;
172
+ color: #c4c6cc;
173
+ position: absolute;
174
+ top: 6px;
175
+ right: 4px;
112
176
  }
113
- .bk-select .bk-select-trigger .clear-icon {
177
+ .bk-select .bk-select-trigger .clear-icon:hover {
178
+ color: #979ba5;
179
+ }
180
+ .bk-select .bk-select-trigger .spinner {
114
181
  position: absolute;
115
182
  top: 6px;
116
183
  right: 4px;
117
184
  display: flex;
185
+ align-items: center;
186
+ justify-content: center;
118
187
  width: 20px;
119
188
  height: 20px;
189
+ font-size: 16px;
190
+ color: #3A84FF;
191
+ }
192
+ .bk-select .bk-select-empty {
193
+ display: flex;
194
+ align-items: center;
195
+ justify-content: center;
196
+ height: 56px;
197
+ color: #63656e;
198
+ }
199
+ .bk-select .bk-select-empty .spinner {
200
+ display: flex;
201
+ width: 14px;
202
+ height: 14px;
203
+ margin-right: 4px;
120
204
  font-size: 14px;
121
205
  color: #c4c6cc;
122
- transition: all 0.1s;
123
206
  align-items: center;
124
207
  justify-content: center;
125
208
  }
126
- .bk-select .bk-select-trigger .clear-icon:hover {
209
+ .bk-select .bk-select-dropdown {
210
+ overflow: auto;
211
+ }
212
+ .bk-select .bk-select-dropdown .bk-select-search {
213
+ position: relative;
214
+ padding: 0 5px;
215
+ }
216
+ .bk-select .bk-select-dropdown .bk-select-search-icon {
217
+ position: absolute;
218
+ top: 50%;
219
+ left: 8px;
220
+ font-size: 16px;
127
221
  color: #979ba5;
222
+ transform: translateY(-50%);
223
+ }
224
+ .bk-select .bk-select-dropdown .bk-select-search-input {
225
+ width: 100%;
226
+ height: 32px;
227
+ padding: 0 10px 0 26px;
228
+ font-size: 12px;
229
+ cursor: text;
230
+ border: none;
231
+ border-bottom: 1px solid #dcdee5;
232
+ outline: 0;
233
+ }
234
+ .bk-select .bk-select-extension {
235
+ display: flex;
236
+ height: 40px;
237
+ background-color: #fafbfd;
238
+ align-items: center;
239
+ }
240
+ .bk-select .bk-select-options {
241
+ padding: 8px 0;
128
242
  }
129
243
  .bk-select .bk-select-option {
244
+ position: relative;
130
245
  height: 32px;
131
- padding: 0 16px;
132
- margin: 0 -8px;
133
- font-weight: normal;
246
+ padding: 0 12px;
134
247
  line-height: 32px;
135
248
  color: #63656e;
136
249
  text-align: left;
137
- list-style: none;
138
250
  cursor: pointer;
139
251
  user-select: none;
252
+ overflow: hidden;
253
+ text-overflow: ellipsis;
254
+ white-space: nowrap;
140
255
  }
141
256
  .bk-select .bk-select-option:hover {
142
257
  color: #3a84ff;
143
- background-color: #eaf3ff;
258
+ background-color: #f5f7fa;
144
259
  }
145
260
  .bk-select .bk-select-option.is-selected {
146
261
  color: #3a84ff;
147
- background-color: #f4f6fa;
148
262
  }
149
263
  .bk-select .bk-select-option.is-selected.is-multiple::after {
150
264
  position: absolute;
151
- right: 20px;
265
+ right: 12px;
152
266
  font-size: 12px;
153
267
  font-weight: 700;
154
268
  content: '\2713';
@@ -158,3 +272,37 @@
158
272
  cursor: not-allowed;
159
273
  background-color: transparent;
160
274
  }
275
+ .bk-select .bk-option-group-label {
276
+ height: 32px;
277
+ padding: 0 8px;
278
+ line-height: 32px;
279
+ color: #979ba5;
280
+ text-align: left;
281
+ }
282
+ .bk-select .bk-option-group-label.collapsible {
283
+ cursor: pointer;
284
+ }
285
+ .bk-select .bk-option-group.collapsible .bk-select-option {
286
+ padding-left: 40px;
287
+ }
288
+ .bk-select .bk-option-group .default-group-label {
289
+ display: flex;
290
+ user-select: none;
291
+ align-items: center;
292
+ }
293
+ .bk-select .bk-option-group .default-group-label-icon {
294
+ display: flex;
295
+ width: 12px;
296
+ height: 12px;
297
+ margin-right: 8px;
298
+ font-size: 12px;
299
+ transition: all 0.1s;
300
+ align-items: center;
301
+ justify-content: center;
302
+ }
303
+ .bk-select .bk-option-group .default-group-label-icon.collapse {
304
+ transform: rotate(-90deg);
305
+ }
306
+ .bk-select .bk-option-group .bk-select-option {
307
+ padding-left: 24px;
308
+ }
@@ -85,3 +85,9 @@ export declare function mergeIf(target: any, source: any): any;
85
85
  */
86
86
  export declare function mergerIfFn(key: string, target: any, source: any): void;
87
87
  export declare function throttle(func: Function, wait: number, options?: any): (this: any) => any;
88
+ /**
89
+ * 检查当前元素是否为Html元素
90
+ * @param obj
91
+ * @returns
92
+ */
93
+ export declare function isElement(obj: any): boolean;
@@ -1,3 +1,15 @@
1
+ declare type BkMaskManagerConfig = {
2
+ multiInstance?: boolean;
3
+ maskAttrTag?: string;
4
+ parentNode?: HTMLElement | Document;
5
+ maskStyle?: any;
6
+ };
7
+ declare type MaskConfigStore = {
8
+ zIndex: number;
9
+ style: any;
10
+ uuid?: string;
11
+ preUID?: string;
12
+ };
1
13
  export declare class BkMaskManager {
2
14
  /** 遮罩容器 */
3
15
  private readonly mask;
@@ -11,6 +23,10 @@ export declare class BkMaskManager {
11
23
  private parentNode;
12
24
  /** 遮罩当前显示组件实例 **/
13
25
  private activeInstance;
26
+ /** 记录已在使用的z-index */
27
+ private zIndexStore;
28
+ /** 记录最后一个UUID */
29
+ private lastUUID;
14
30
  /** 遮罩样式 **/
15
31
  private readonly maskStyle;
16
32
  /**
@@ -19,9 +35,21 @@ export declare class BkMaskManager {
19
35
  * @param multiInstance 是否允许多实例
20
36
  * @param maskAttrTag 遮罩DOM唯一标志,支持自定义和 auto
21
37
  */
22
- constructor(config?: any);
23
- show(content?: HTMLElement, zIndex?: number): void;
24
- hide(content?: HTMLElement): void;
38
+ constructor(config?: BkMaskManagerConfig);
39
+ /**
40
+ * 显示遮罩
41
+ * @param content 遮罩内容
42
+ * @param zIndex z-index
43
+ * @param showMask 是否显示遮罩
44
+ * @param appendStyle 追加样式
45
+ */
46
+ show(content?: HTMLElement, zIndex?: number, showMask?: boolean, appendStyle?: {}, uuid?: string | null): void;
47
+ hide(content?: HTMLElement, uuid?: string): void;
48
+ storeMaskInsCfg(config: MaskConfigStore): MaskConfigStore;
49
+ /**
50
+ * 移除最后一次缓存数据
51
+ */
52
+ popIndexStore(uuid: string): boolean;
25
53
  backupActiveInstance(): void;
26
54
  backupContentElement(content?: HTMLElement): void;
27
55
  getActiveContentInstance(): HTMLElement;
@@ -45,3 +73,4 @@ export declare class BkMaskManager {
45
73
  private appendContentToMask;
46
74
  }
47
75
  export declare const bKMaskManager: BkMaskManager;
76
+ export {};
@@ -3,7 +3,14 @@ declare class BKPopIndexManager {
3
3
  private popInstanceList;
4
4
  private readonly uuidAttrName;
5
5
  constructor();
6
- show(content?: HTMLElement): void;
6
+ /**
7
+ * 展示弹窗
8
+ * @param content 弹窗内容
9
+ * @param showMask 是否显示遮罩
10
+ * @param appendStyle 追加样式
11
+ * @returns
12
+ */
13
+ show(content?: HTMLElement, showMask?: boolean, appendStyle?: {}): void;
7
14
  /**
8
15
  * 关闭最后一个弹窗 如果当前还有父级弹窗,则激活父级弹窗
9
16
  * @param removeLastContent 默认:true 是否自动关闭最后一个弹窗实例 某些场景下,已经主动关闭最后一个弹窗,此处只需要处理其他逻辑
@@ -1,16 +1,28 @@
1
1
  import { Instance, Placement, Modifier, PositioningStrategy, State } from '@popperjs/core';
2
+ export declare type OnFirstUpdateFnType = (instance: Partial<State>) => void;
2
3
  export declare type IOptions = {
3
4
  placement?: Placement;
4
5
  modifiers?: Array<Partial<Modifier<any, any>>>;
5
6
  strategy?: PositioningStrategy;
6
- onFirstUpdate?: (arg0: Partial<State>) => void;
7
+ onFirstUpdate?: OnFirstUpdateFnType;
7
8
  isShow?: boolean;
8
9
  theme?: string;
9
10
  trigger?: string;
11
+ disabled?: boolean;
12
+ appendTo?: string | HTMLElement;
13
+ afterShow?: () => {};
14
+ afterHidden?: () => {};
15
+ /**
16
+ * 如果设置了appendTo为指定DOM,此配置项生效
17
+ * 是否将弹出内容固定到目标元素位置
18
+ * 例如:appendTo = document.body, fixOnBoundary = true,则弹出内容会一直固定到body
19
+ */
20
+ fixOnBoundary?: Boolean;
10
21
  };
11
22
  export declare type IBKPopover = Instance & {
12
23
  show: () => void;
13
24
  hide: () => void;
25
+ updateDisabled: (val: boolean) => void;
14
26
  isShow: boolean;
15
27
  };
16
28
  export declare class BKPopover {
@@ -27,28 +39,67 @@ export declare class BKPopover {
27
39
  /** Popover Content 外层容器,目标元素:实际弹出内容 */
28
40
  private popperRefer?;
29
41
  /** 默认初始化配置项 */
30
- private initOptions;
42
+ private instanceOptions;
43
+ /** hide延时 */
44
+ private delay;
45
+ /** 是否进入popperRefer */
46
+ private isInnerPopper;
47
+ /** 是否为禁用状态 */
48
+ private disabled;
49
+ /** 执行显示函数 */
50
+ private afterShow;
51
+ /** 执行隐藏函数 */
52
+ private afterHidden;
53
+ /** 弹出内容AppendTo */
54
+ private appendTo;
55
+ /** 父级容器 */
56
+ private container?;
57
+ /**
58
+ * 如果设置了appendTo为指定DOM,此配置项生效
59
+ * 是否将弹出内容固定到目标元素位置
60
+ * 例如:appendTo = document.body, fixOnBoundary = true,则弹出内容会一直固定到body
61
+ */
62
+ private fixOnBoundary;
31
63
  constructor(reference?: string | HTMLElement, popperRefer?: string | HTMLElement, options?: IOptions);
32
64
  forceUpdate(): void;
33
65
  update(): void;
66
+ updateOptions(options: IOptions): void;
34
67
  setOptions(options: IOptions): void;
35
68
  destroy(): void;
69
+ updateDisabled(disabled?: boolean): void;
36
70
  /**
37
71
  * 展示Pop
38
- * @param event 触发事件
72
+ * @param _event 触发事件
39
73
  */
40
- show(event: any): void;
74
+ show(_event: any): void;
41
75
  /**
42
76
  * 隐藏
43
77
  * @param event 触发事件
44
78
  */
45
- hide(event: any): void;
79
+ hide(): void;
80
+ /**
81
+ * 还原PopContent到初试位置
82
+ */
83
+ private restorePopContent;
84
+ /**
85
+ * 挂载PopContent到目标位置
86
+ */
87
+ private appendToTarget;
88
+ /**
89
+ * 获取目标位置元素
90
+ * @returns
91
+ */
92
+ private getAppendToTarget;
46
93
  /**
47
94
  * 初始化默认配置
48
95
  * @param opts
49
96
  * @returns
50
97
  */
51
98
  private initDefaultOptions;
99
+ /**
100
+ * 判定是否需要将PopContent挂载到目标元素
101
+ */
102
+ private handleFirstUpdate;
52
103
  /**
53
104
  * 剔除 Pop 外层容器,获取目标元素
54
105
  * @returns
@@ -23,6 +23,7 @@
23
23
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
24
24
  * IN THE SOFTWARE.
25
25
  */
26
+ import { Plugin } from 'vue';
26
27
  export * from './z-index-manager';
27
28
  export * from './bk-popover';
28
29
  export * from './bk-pop-manager';
@@ -35,3 +36,26 @@ export declare const EMPTY_OBJ: any;
35
36
  export declare const noop: () => void;
36
37
  export declare const renderEmptyVNode: () => any;
37
38
  export declare const isEmptyObj: (target: object) => boolean;
39
+ export interface OriginComponent {
40
+ name: string;
41
+ install?: Plugin;
42
+ }
43
+ export declare const withInstall: <T extends OriginComponent>(component: T) => T & Plugin;
44
+ export declare const withInstallProps: <T extends OriginComponent, K extends Record<string, unknown>>(component: T, childComponents: K, isProps?: boolean) => T & Plugin & Readonly<K>;
45
+ /**
46
+ * 解析当前组件ClassName,自动添加前缀
47
+ * @param clsName 当前ClassName
48
+ * @param prefix 前缀,默认为bk
49
+ * @returns prefix-clsName
50
+ */
51
+ export declare function resolveClassName(clsName: string, prefix?: string): string;
52
+ /**
53
+ * 函数防抖
54
+ * @param {*} fn 执行的函数
55
+ * @param {*} delay 延时时间
56
+ * @param {*} immediate 是否立即执行
57
+ */
58
+ export declare function debounce(delay: number, fn: Function, immediate?: boolean): {
59
+ (this: any): any;
60
+ cancel(): void;
61
+ };