bkui-vue 0.0.1-beta.7 → 0.0.1-beta.72

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 (567) hide show
  1. package/README.md +31 -19
  2. package/dist/index.cjs.js +57 -0
  3. package/dist/index.esm.js +23860 -0
  4. package/dist/index.umd.js +57 -0
  5. package/dist/style.css +1 -2312
  6. package/lib/affix/affix.css +3 -0
  7. package/lib/affix/affix.d.ts +47 -0
  8. package/lib/affix/affix.less +5 -0
  9. package/lib/affix/affix.variable.css +102 -0
  10. package/lib/affix/index.d.ts +143 -0
  11. package/lib/affix/index.js +1 -0
  12. package/lib/alert/alert.css +2 -0
  13. package/lib/alert/alert.d.ts +24 -15
  14. package/lib/alert/alert.less +2 -0
  15. package/lib/alert/alert.variable.css +40 -0
  16. package/lib/alert/index.d.ts +180 -0
  17. package/lib/alert/index.js +1 -1
  18. package/lib/animate-number/animate-number.d.ts +12 -7
  19. package/lib/animate-number/index.d.ts +97 -0
  20. package/lib/animate-number/index.js +1 -1
  21. package/lib/backtop/backtop.d.ts +27 -13
  22. package/lib/backtop/backtop.variable.css +38 -0
  23. package/lib/backtop/index.d.ts +166 -0
  24. package/lib/backtop/index.js +1 -1
  25. package/lib/badge/badge.css +5 -5
  26. package/lib/badge/badge.d.ts +64 -22
  27. package/lib/badge/badge.less +5 -6
  28. package/lib/badge/badge.variable.css +43 -5
  29. package/lib/badge/index.d.ts +267 -0
  30. package/lib/badge/index.js +1 -1
  31. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  32. package/lib/breadcrumb/breadcrumb.css +18 -1
  33. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  34. package/lib/breadcrumb/breadcrumb.less +13 -2
  35. package/lib/breadcrumb/breadcrumb.variable.css +56 -1
  36. package/lib/breadcrumb/index.d.ts +194 -0
  37. package/lib/breadcrumb/index.js +1 -1
  38. package/lib/button/button-group.d.ts +3 -5
  39. package/lib/button/button.css +64 -31
  40. package/lib/button/button.d.ts +66 -30
  41. package/lib/button/button.less +53 -33
  42. package/lib/button/button.variable.css +102 -31
  43. package/lib/button/index.d.ts +237 -0
  44. package/lib/button/index.js +1 -1
  45. package/lib/card/card.css +53 -1
  46. package/lib/card/card.d.ts +74 -18
  47. package/lib/card/card.less +50 -2
  48. package/lib/card/card.variable.css +91 -1
  49. package/lib/card/index.d.ts +283 -0
  50. package/lib/card/index.js +1 -1
  51. package/lib/cascader/cascader-panel.d.ts +48 -0
  52. package/lib/cascader/cascader.css +130 -0
  53. package/lib/cascader/cascader.d.ts +271 -0
  54. package/lib/cascader/cascader.less +146 -0
  55. package/lib/cascader/cascader.variable.css +229 -0
  56. package/lib/cascader/index.d.ts +721 -0
  57. package/lib/cascader/index.js +1 -0
  58. package/lib/cascader/interface.d.ts +44 -0
  59. package/lib/cascader/node.d.ts +24 -0
  60. package/lib/cascader/store.d.ts +15 -0
  61. package/lib/checkbox/checkbox-group.d.ts +13 -9
  62. package/lib/checkbox/checkbox.css +15 -2
  63. package/lib/checkbox/checkbox.d.ts +33 -30
  64. package/lib/checkbox/checkbox.less +20 -2
  65. package/lib/checkbox/checkbox.variable.css +53 -2
  66. package/lib/checkbox/common.d.ts +3 -3
  67. package/lib/checkbox/index.d.ts +253 -0
  68. package/lib/checkbox/index.js +1 -1
  69. package/lib/checkbox/type.d.ts +4 -8
  70. package/lib/code-diff/code-diff.css +186 -0
  71. package/lib/code-diff/code-diff.d.ts +80 -0
  72. package/lib/code-diff/code-diff.less +238 -0
  73. package/lib/code-diff/code-diff.variable.css +285 -0
  74. package/lib/code-diff/index.d.ts +154 -0
  75. package/lib/code-diff/index.js +1 -0
  76. package/lib/collapse/collapse.css +25 -1
  77. package/lib/collapse/collapse.d.ts +51 -22
  78. package/lib/collapse/collapse.less +34 -2
  79. package/lib/collapse/collapse.variable.css +124 -1
  80. package/lib/collapse/index.d.ts +182 -0
  81. package/lib/collapse/index.js +1 -1
  82. package/lib/collapse/utils.d.ts +11 -0
  83. package/lib/components.d.ts +46 -0
  84. package/lib/components.js +1 -0
  85. package/lib/container/col.d.ts +51 -0
  86. package/lib/container/container.css +48 -0
  87. package/lib/container/container.d.ts +83 -0
  88. package/lib/container/container.less +20 -0
  89. package/lib/container/container.variable.css +147 -0
  90. package/lib/container/index.d.ts +223 -0
  91. package/lib/container/index.js +1 -0
  92. package/lib/container/row.d.ts +4 -0
  93. package/lib/date-picker/date-picker.css +408 -0
  94. package/lib/date-picker/date-picker.d.ts +311 -0
  95. package/lib/date-picker/date-picker.less +527 -0
  96. package/lib/date-picker/date-picker.variable.css +507 -0
  97. package/lib/date-picker/fecha.d.ts +6 -0
  98. package/lib/date-picker/index.d.ts +750 -0
  99. package/lib/date-picker/index.js +1 -0
  100. package/lib/date-picker/interface.d.ts +22 -0
  101. package/lib/date-picker/props.d.ts +118 -0
  102. package/lib/date-picker/utils.d.ts +97 -0
  103. package/lib/dialog/dialog.css +49 -0
  104. package/lib/dialog/dialog.d.ts +294 -52
  105. package/lib/dialog/dialog.less +16 -0
  106. package/lib/dialog/dialog.variable.css +49 -0
  107. package/lib/dialog/index.d.ts +749 -0
  108. package/lib/dialog/index.js +1 -1
  109. package/lib/directives/clickoutside.d.ts +3 -23
  110. package/lib/directives/index.d.ts +3 -0
  111. package/lib/directives/index.js +2 -15
  112. package/lib/directives/index.js.LICENSE.txt +14 -0
  113. package/lib/directives/tooltips.d.ts +17 -0
  114. package/lib/dist.index.js +1 -0
  115. package/lib/divider/divider.css +38 -0
  116. package/lib/divider/divider.d.ts +48 -0
  117. package/lib/divider/divider.less +53 -0
  118. package/lib/divider/divider.variable.css +137 -0
  119. package/lib/divider/index.d.ts +142 -0
  120. package/lib/divider/index.js +1 -0
  121. package/lib/divider/props.d.ts +21 -0
  122. package/lib/dropdown/dropdown-item.d.ts +19 -0
  123. package/lib/dropdown/dropdown-menu.d.ts +16 -0
  124. package/lib/dropdown/dropdown.css +47 -0
  125. package/lib/dropdown/dropdown.d.ts +63 -0
  126. package/lib/dropdown/dropdown.less +59 -0
  127. package/lib/dropdown/dropdown.variable.css +146 -0
  128. package/lib/dropdown/index.d.ts +200 -0
  129. package/lib/dropdown/index.js +1 -0
  130. package/lib/exception/exception.d.ts +11 -9
  131. package/lib/exception/exception.variable.css +38 -0
  132. package/lib/exception/index.d.ts +96 -0
  133. package/lib/exception/index.js +1 -1
  134. package/lib/fixed-navbar/fixed-navbar.d.ts +29 -9
  135. package/lib/fixed-navbar/fixed-navbar.variable.css +38 -0
  136. package/lib/fixed-navbar/index.d.ts +147 -0
  137. package/lib/fixed-navbar/index.js +1 -1
  138. package/lib/form/common.d.ts +3 -0
  139. package/lib/form/compose-form-item.d.ts +16 -0
  140. package/lib/form/form-item.d.ts +155 -0
  141. package/lib/form/form.css +125 -0
  142. package/lib/form/form.d.ts +67 -0
  143. package/lib/form/form.less +152 -0
  144. package/lib/form/form.variable.css +224 -0
  145. package/lib/form/index.d.ts +280 -0
  146. package/lib/form/index.js +1 -0
  147. package/lib/form/type.d.ts +22 -0
  148. package/lib/form/validator.d.ts +8 -0
  149. package/lib/icon/angle-double-down-line.d.ts +4 -0
  150. package/lib/icon/angle-double-down-line.js +1 -0
  151. package/lib/icon/angle-double-left-line.d.ts +4 -0
  152. package/lib/icon/angle-double-left-line.js +1 -0
  153. package/lib/icon/angle-double-left.d.ts +4 -0
  154. package/lib/icon/angle-double-left.js +1 -0
  155. package/lib/icon/angle-double-right-line.d.ts +4 -0
  156. package/lib/icon/angle-double-right-line.js +1 -0
  157. package/lib/icon/angle-double-right.d.ts +4 -0
  158. package/lib/icon/angle-double-right.js +1 -0
  159. package/lib/icon/angle-double-up-line.d.ts +4 -0
  160. package/lib/icon/angle-double-up-line.js +1 -0
  161. package/lib/icon/angle-down-fill.d.ts +4 -0
  162. package/lib/icon/angle-down-fill.js +1 -0
  163. package/lib/icon/angle-down-line.d.ts +4 -0
  164. package/lib/icon/angle-down-line.js +1 -0
  165. package/lib/icon/angle-down.d.ts +4 -0
  166. package/lib/icon/angle-down.js +1 -0
  167. package/lib/icon/angle-left.d.ts +4 -0
  168. package/lib/icon/angle-left.js +1 -0
  169. package/lib/icon/angle-right.d.ts +4 -0
  170. package/lib/icon/angle-right.js +1 -0
  171. package/lib/icon/angle-up-fill.d.ts +4 -0
  172. package/lib/icon/angle-up-fill.js +1 -0
  173. package/lib/icon/angle-up.d.ts +4 -0
  174. package/lib/icon/angle-up.js +1 -0
  175. package/lib/icon/archive-fill.d.ts +4 -0
  176. package/lib/icon/archive-fill.js +1 -0
  177. package/lib/icon/arrows-left.d.ts +4 -0
  178. package/lib/icon/arrows-left.js +1 -0
  179. package/lib/icon/arrows-right.d.ts +4 -0
  180. package/lib/icon/arrows-right.js +1 -0
  181. package/lib/icon/audio-fill.d.ts +4 -0
  182. package/lib/icon/audio-fill.js +1 -0
  183. package/lib/icon/bk.d.ts +4 -0
  184. package/lib/icon/bk.js +1 -0
  185. package/lib/icon/circle.d.ts +4 -0
  186. package/lib/icon/circle.js +1 -0
  187. package/lib/icon/close-line.d.ts +4 -0
  188. package/lib/icon/close-line.js +1 -0
  189. package/lib/icon/close.d.ts +4 -0
  190. package/lib/icon/close.js +1 -0
  191. package/lib/icon/code.d.ts +4 -0
  192. package/lib/icon/code.js +1 -0
  193. package/lib/icon/cog-shape.d.ts +4 -0
  194. package/lib/icon/cog-shape.js +1 -0
  195. package/lib/icon/collapse-left.d.ts +4 -0
  196. package/lib/icon/collapse-left.js +1 -0
  197. package/lib/icon/copy.d.ts +4 -0
  198. package/lib/icon/copy.js +1 -0
  199. package/lib/icon/data-shape.d.ts +4 -0
  200. package/lib/icon/data-shape.js +1 -0
  201. package/lib/icon/del.d.ts +4 -0
  202. package/lib/icon/del.js +1 -0
  203. package/lib/icon/doc-fill.d.ts +4 -0
  204. package/lib/icon/doc-fill.js +1 -0
  205. package/lib/icon/done.d.ts +4 -0
  206. package/lib/icon/done.js +1 -0
  207. package/lib/icon/down-shape.d.ts +4 -0
  208. package/lib/icon/down-shape.js +1 -0
  209. package/lib/icon/down-small.d.ts +4 -0
  210. package/lib/icon/down-small.js +1 -0
  211. package/lib/icon/edit-line.d.ts +4 -0
  212. package/lib/icon/edit-line.js +1 -0
  213. package/lib/icon/ellipsis.d.ts +4 -0
  214. package/lib/icon/ellipsis.js +1 -0
  215. package/lib/icon/error.d.ts +4 -0
  216. package/lib/icon/error.js +1 -0
  217. package/lib/icon/excel-fill.d.ts +4 -0
  218. package/lib/icon/excel-fill.js +1 -0
  219. package/lib/icon/exclamation-circle-shape.d.ts +4 -0
  220. package/lib/icon/exclamation-circle-shape.js +1 -0
  221. package/lib/icon/eye.d.ts +4 -0
  222. package/lib/icon/eye.js +1 -0
  223. package/lib/icon/folder-open.d.ts +4 -0
  224. package/lib/icon/folder-open.js +1 -0
  225. package/lib/icon/folder-shape-open.d.ts +4 -0
  226. package/lib/icon/folder-shape-open.js +1 -0
  227. package/lib/icon/folder-shape.d.ts +4 -0
  228. package/lib/icon/folder-shape.js +1 -0
  229. package/lib/icon/folder.d.ts +4 -0
  230. package/lib/icon/funnel.d.ts +4 -0
  231. package/lib/icon/funnel.js +1 -0
  232. package/lib/icon/help-document-fill.d.ts +4 -0
  233. package/lib/icon/help-document-fill.js +1 -0
  234. package/lib/icon/help-fill.d.ts +4 -0
  235. package/lib/icon/help-fill.js +1 -0
  236. package/lib/icon/help.d.ts +4 -0
  237. package/lib/icon/help.js +1 -0
  238. package/lib/icon/icon.d.ts +12 -0
  239. package/lib/icon/image-fill.d.ts +4 -0
  240. package/lib/icon/image-fill.js +1 -0
  241. package/lib/icon/index.d.ts +69 -0
  242. package/lib/icon/index.js +1 -15
  243. package/lib/icon/info-line.d.ts +4 -0
  244. package/lib/icon/info-line.js +1 -0
  245. package/lib/icon/info.d.ts +4 -0
  246. package/lib/icon/info.js +1 -0
  247. package/lib/icon/left-shape.d.ts +4 -0
  248. package/lib/icon/left-shape.js +1 -0
  249. package/lib/icon/pdf-fill.d.ts +4 -0
  250. package/lib/icon/pdf-fill.js +1 -0
  251. package/lib/icon/play-shape.d.ts +4 -0
  252. package/lib/icon/play-shape.js +1 -0
  253. package/lib/icon/plus.d.ts +4 -0
  254. package/lib/icon/plus.js +1 -0
  255. package/lib/icon/ppt-fill.d.ts +4 -0
  256. package/lib/icon/ppt-fill.js +1 -0
  257. package/lib/icon/qq.d.ts +4 -0
  258. package/lib/icon/qq.js +1 -0
  259. package/lib/icon/right-shape.d.ts +4 -0
  260. package/lib/icon/right-shape.js +1 -0
  261. package/lib/icon/search.d.ts +4 -0
  262. package/lib/icon/search.js +1 -0
  263. package/lib/icon/share.d.ts +4 -0
  264. package/lib/icon/share.js +1 -0
  265. package/lib/icon/spinner.d.ts +4 -0
  266. package/lib/icon/spinner.js +1 -0
  267. package/lib/icon/success.d.ts +4 -0
  268. package/lib/icon/success.js +1 -0
  269. package/lib/icon/switcher-loading.d.ts +4 -0
  270. package/lib/icon/switcher-loading.js +1 -0
  271. package/lib/icon/text-file.d.ts +4 -0
  272. package/lib/icon/text-file.js +1 -0
  273. package/lib/icon/text-fill.d.ts +4 -0
  274. package/lib/icon/text-fill.js +1 -0
  275. package/lib/icon/tree-application-shape.d.ts +4 -0
  276. package/lib/icon/tree-application-shape.js +1 -0
  277. package/lib/icon/unvisible.d.ts +4 -0
  278. package/lib/icon/unvisible.js +1 -0
  279. package/lib/icon/up-shape.d.ts +4 -0
  280. package/lib/icon/up-shape.js +1 -0
  281. package/lib/icon/upload.d.ts +4 -0
  282. package/lib/icon/upload.js +1 -0
  283. package/lib/icon/video-fill.d.ts +4 -0
  284. package/lib/icon/video-fill.js +1 -0
  285. package/lib/icon/warn.d.ts +4 -0
  286. package/lib/icon/warn.js +1 -0
  287. package/lib/icon/weixin.d.ts +4 -0
  288. package/lib/icon/weixin.js +1 -0
  289. package/lib/index.d.ts +3 -0
  290. package/lib/index.js +1 -0
  291. package/lib/input/index.d.ts +541 -0
  292. package/lib/input/index.js +1 -15
  293. package/lib/input/input.css +78 -4
  294. package/lib/input/input.d.ts +178 -48
  295. package/lib/input/input.less +89 -8
  296. package/lib/input/input.variable.css +117 -4
  297. package/lib/link/index.d.ts +164 -0
  298. package/lib/link/index.js +1 -1
  299. package/lib/link/link.d.ts +25 -13
  300. package/lib/link/link.variable.css +38 -0
  301. package/lib/loading/index.d.ts +172 -0
  302. package/lib/loading/index.js +1 -1
  303. package/lib/loading/loading.css +121 -75
  304. package/lib/loading/loading.d.ts +67 -20
  305. package/lib/loading/loading.less +78 -60
  306. package/lib/loading/loading.variable.css +159 -75
  307. package/lib/menu/index.d.ts +188 -0
  308. package/lib/menu/index.js +1 -0
  309. package/lib/menu/menu-group.d.ts +14 -0
  310. package/lib/menu/menu-item.d.ts +16 -0
  311. package/lib/menu/menu.css +190 -0
  312. package/lib/menu/menu.d.ts +64 -0
  313. package/lib/menu/menu.less +180 -0
  314. package/lib/menu/menu.variable.css +289 -0
  315. package/lib/menu/submenu.css +3 -0
  316. package/lib/menu/submenu.d.ts +22 -0
  317. package/lib/menu/submenu.less +5 -0
  318. package/lib/menu/submenu.variable.css +102 -0
  319. package/lib/menu/utils.d.ts +41 -0
  320. package/lib/message/index.d.ts +2 -0
  321. package/lib/message/index.js +1 -0
  322. package/lib/message/message.css +62 -0
  323. package/lib/message/message.less +72 -0
  324. package/lib/message/message.variable.css +161 -0
  325. package/lib/message/messageConstructor.d.ts +106 -0
  326. package/lib/modal/index.d.ts +627 -0
  327. package/lib/modal/index.js +1 -1
  328. package/lib/modal/modal.css +30 -1
  329. package/lib/modal/modal.d.ts +204 -24
  330. package/lib/modal/modal.less +39 -1
  331. package/lib/modal/modal.variable.css +30 -1
  332. package/lib/modal/props.mixin.d.ts +87 -10
  333. package/lib/navigation/index.d.ts +292 -0
  334. package/lib/navigation/index.js +1 -0
  335. package/lib/navigation/navigation-title.d.ts +25 -0
  336. package/lib/navigation/navigation.css +184 -0
  337. package/lib/navigation/navigation.d.ts +111 -0
  338. package/lib/navigation/navigation.less +210 -0
  339. package/lib/navigation/navigation.variable.css +283 -0
  340. package/lib/notify/index.d.ts +2 -0
  341. package/lib/notify/index.js +1 -0
  342. package/lib/notify/notify.css +65 -0
  343. package/lib/notify/notify.less +76 -0
  344. package/lib/notify/notify.variable.css +164 -0
  345. package/lib/notify/notifyConstructor.d.ts +135 -0
  346. package/lib/pagination/index.d.ts +395 -0
  347. package/lib/pagination/index.js +1 -0
  348. package/lib/pagination/pagination.css +179 -0
  349. package/lib/pagination/pagination.d.ts +220 -0
  350. package/lib/pagination/pagination.less +201 -0
  351. package/lib/pagination/pagination.variable.css +278 -0
  352. package/lib/pagination/type.d.ts +6 -0
  353. package/lib/pagination/use-limit.d.ts +8 -0
  354. package/lib/pagination/use-list.d.ts +8 -0
  355. package/lib/pagination/use-small-list.d.ts +5 -0
  356. package/lib/pagination/use-total.d.ts +5 -0
  357. package/lib/popover/index.d.ts +364 -0
  358. package/lib/popover/index.js +1 -1
  359. package/lib/popover/popover.css +26 -14
  360. package/lib/popover/popover.d.ts +111 -45
  361. package/lib/popover/popover.less +59 -46
  362. package/lib/popover/popover.variable.css +64 -14
  363. package/lib/popover/props.d.ts +99 -0
  364. package/lib/preset.d.ts +7 -0
  365. package/lib/preset.js +1 -0
  366. package/lib/process/index.d.ts +205 -0
  367. package/lib/process/index.js +1 -0
  368. package/lib/process/process.css +138 -0
  369. package/lib/process/process.d.ts +131 -0
  370. package/lib/process/process.less +178 -0
  371. package/lib/process/process.variable.css +237 -0
  372. package/lib/progress/index.d.ts +398 -0
  373. package/lib/progress/index.js +1 -1
  374. package/lib/progress/progress.css +8 -3
  375. package/lib/progress/progress.d.ts +88 -35
  376. package/lib/progress/progress.less +0 -4
  377. package/lib/progress/progress.variable.css +46 -3
  378. package/lib/radio/common.d.ts +5 -5
  379. package/lib/radio/index.d.ts +278 -0
  380. package/lib/radio/index.js +1 -1
  381. package/lib/radio/radio-button.d.ts +29 -20
  382. package/lib/radio/radio-group.d.ts +11 -10
  383. package/lib/radio/radio.css +14 -8
  384. package/lib/radio/radio.d.ts +27 -17
  385. package/lib/radio/radio.less +16 -9
  386. package/lib/radio/radio.variable.css +53 -9
  387. package/lib/radio/type.d.ts +10 -5
  388. package/lib/rate/index.d.ts +113 -0
  389. package/lib/rate/index.js +1 -1
  390. package/lib/rate/rate.d.ts +13 -10
  391. package/lib/rate/star.d.ts +33 -16
  392. package/lib/resize-layout/index.d.ts +336 -0
  393. package/lib/resize-layout/index.js +1 -0
  394. package/lib/resize-layout/resize-layout.css +189 -0
  395. package/lib/resize-layout/resize-layout.d.ts +127 -0
  396. package/lib/resize-layout/resize-layout.less +233 -0
  397. package/lib/resize-layout/resize-layout.variable.css +288 -0
  398. package/lib/select/common.d.ts +23 -17
  399. package/lib/select/index.d.ts +1377 -0
  400. package/lib/select/index.js +1 -1
  401. package/lib/select/option.d.ts +12 -19
  402. package/lib/select/optionGroup.d.ts +54 -0
  403. package/lib/select/select.css +245 -29
  404. package/lib/select/select.d.ts +282 -156
  405. package/lib/select/select.less +237 -40
  406. package/lib/select/select.variable.css +283 -29
  407. package/lib/select/type.d.ts +31 -0
  408. package/lib/shared/{bk-helper-core.d.ts → helper.d.ts} +6 -1
  409. package/lib/shared/index.d.ts +71 -0
  410. package/lib/shared/index.js +1 -1
  411. package/lib/shared/{bk-mask-manager.d.ts → mask-manager.d.ts} +33 -3
  412. package/lib/shared/{bk-pop-manager.d.ts → pop-manager.d.ts} +10 -2
  413. package/lib/shared/{bk-popover.d.ts → popover.d.ts} +60 -6
  414. package/lib/shared/token.d.ts +2 -0
  415. package/lib/shared/utils.d.ts +6 -0
  416. package/lib/shared/vue-types.d.ts +12 -7
  417. package/lib/shared/z-index-manager.d.ts +6 -1
  418. package/lib/sideslider/index.d.ts +531 -0
  419. package/lib/sideslider/index.js +1 -1
  420. package/lib/sideslider/sideslider.css +48 -3
  421. package/lib/sideslider/sideslider.d.ts +205 -30
  422. package/lib/sideslider/sideslider.less +65 -6
  423. package/lib/sideslider/sideslider.variable.css +86 -3
  424. package/lib/slider/index.d.ts +440 -0
  425. package/lib/slider/index.js +1 -0
  426. package/lib/slider/slider-button.d.ts +80 -0
  427. package/lib/slider/slider.css +149 -0
  428. package/lib/slider/slider.d.ts +201 -0
  429. package/lib/slider/slider.less +179 -0
  430. package/lib/slider/slider.variable.css +248 -0
  431. package/lib/steps/index.d.ts +250 -0
  432. package/lib/steps/index.js +1 -15
  433. package/lib/steps/steps.css +4 -1
  434. package/lib/steps/steps.d.ts +42 -29
  435. package/lib/steps/steps.less +5 -1
  436. package/lib/steps/steps.variable.css +42 -1
  437. package/lib/styles/index.d.ts +51 -0
  438. package/lib/styles/mixins/clearfix.css +8 -0
  439. package/lib/styles/mixins/clearfix.less +10 -0
  440. package/lib/styles/mixins/clearfix.variable.css +8 -0
  441. package/lib/styles/mixins/mixins.css +8 -0
  442. package/lib/styles/mixins/mixins.less +1 -0
  443. package/lib/styles/mixins/mixins.variable.css +8 -0
  444. package/lib/styles/mixins/popper.css +43 -0
  445. package/lib/styles/mixins/popper.less +52 -0
  446. package/lib/styles/mixins/popper.variable.css +43 -0
  447. package/lib/styles/mixins/size.less +9 -0
  448. package/lib/styles/reset.css +273 -0
  449. package/lib/styles/reset.less +313 -0
  450. package/lib/styles/reset.variable.css +273 -0
  451. package/lib/styles/themes/themes.less +60 -2
  452. package/lib/swiper/index.d.ts +181 -0
  453. package/lib/swiper/index.js +1 -0
  454. package/lib/swiper/swiper.css +91 -0
  455. package/lib/swiper/swiper.d.ts +65 -0
  456. package/lib/swiper/swiper.less +107 -0
  457. package/lib/swiper/swiper.variable.css +91 -0
  458. package/lib/switcher/index.d.ts +286 -0
  459. package/lib/switcher/index.js +1 -1
  460. package/lib/switcher/switcher.css +157 -135
  461. package/lib/switcher/switcher.d.ts +48 -32
  462. package/lib/switcher/switcher.less +211 -153
  463. package/lib/switcher/switcher.variable.css +195 -135
  464. package/lib/tab/index.d.ts +440 -0
  465. package/lib/tab/index.js +1 -0
  466. package/lib/tab/props.d.ts +194 -0
  467. package/lib/tab/tab-nav.d.ts +169 -0
  468. package/lib/tab/tab-panel.d.ts +73 -0
  469. package/lib/tab/tab.css +167 -0
  470. package/lib/tab/tab.d.ts +139 -0
  471. package/lib/tab/tab.less +228 -0
  472. package/lib/tab/tab.variable.css +266 -0
  473. package/lib/table/const.d.ts +4 -0
  474. package/lib/table/index.d.ts +359 -0
  475. package/lib/table/index.js +1 -1
  476. package/lib/table/plugins/head-filter.css +68 -0
  477. package/lib/table/plugins/head-filter.less +83 -0
  478. package/lib/table/plugins/head-filter.variable.css +167 -0
  479. package/lib/table/plugins/head-sort.css +22 -0
  480. package/lib/table/plugins/head-sort.less +28 -0
  481. package/lib/table/plugins/head-sort.variable.css +121 -0
  482. package/lib/table/plugins/settings.css +110 -0
  483. package/lib/table/plugins/settings.less +136 -0
  484. package/lib/table/plugins/settings.variable.css +209 -0
  485. package/lib/table/props.d.ts +189 -0
  486. package/lib/table/render.d.ts +121 -0
  487. package/lib/table/table.css +387 -0
  488. package/lib/table/table.d.ts +114 -36
  489. package/lib/table/table.less +229 -1
  490. package/lib/table/table.variable.css +425 -0
  491. package/lib/table/use-common.d.ts +19 -0
  492. package/lib/table/utils.d.ts +93 -0
  493. package/lib/tag/index.d.ts +229 -0
  494. package/lib/tag/index.js +1 -1
  495. package/lib/tag/tag.css +97 -0
  496. package/lib/tag/tag.d.ts +83 -53
  497. package/lib/tag/tag.less +110 -2
  498. package/lib/tag/tag.variable.css +135 -0
  499. package/lib/tag-input/common.d.ts +24 -0
  500. package/lib/tag-input/index.d.ts +894 -0
  501. package/lib/tag-input/index.js +1 -0
  502. package/lib/tag-input/list-tag-render.d.ts +47 -0
  503. package/lib/tag-input/tag-input.css +209 -0
  504. package/lib/tag-input/tag-input.d.ts +374 -0
  505. package/lib/tag-input/tag-input.less +251 -0
  506. package/lib/tag-input/tag-input.variable.css +308 -0
  507. package/lib/tag-input/tag-props.d.ts +131 -0
  508. package/lib/tag-input/tag-render.d.ts +38 -0
  509. package/lib/timeline/index.d.ts +129 -0
  510. package/lib/timeline/index.js +1 -0
  511. package/lib/timeline/timeline.css +235 -0
  512. package/lib/timeline/timeline.d.ts +81 -0
  513. package/lib/timeline/timeline.less +239 -0
  514. package/lib/timeline/timeline.variable.css +334 -0
  515. package/lib/transfer/index.d.ts +351 -0
  516. package/lib/transfer/index.js +1 -0
  517. package/lib/transfer/transfer.css +158 -0
  518. package/lib/transfer/transfer.d.ts +185 -0
  519. package/lib/transfer/transfer.less +171 -0
  520. package/lib/transfer/transfer.variable.css +257 -0
  521. package/lib/tree/constant.d.ts +31 -0
  522. package/lib/tree/index.d.ts +426 -0
  523. package/lib/tree/index.js +1 -0
  524. package/lib/tree/props.d.ts +149 -0
  525. package/lib/tree/tree.css +53 -0
  526. package/lib/tree/tree.d.ts +182 -0
  527. package/lib/tree/tree.less +66 -0
  528. package/lib/tree/tree.variable.css +152 -0
  529. package/lib/tree/use-empty.d.ts +6 -0
  530. package/lib/tree/use-node-action.d.ts +11 -0
  531. package/lib/tree/use-node-async.d.ts +5 -0
  532. package/lib/tree/use-node-attribute.d.ts +22 -0
  533. package/lib/tree/use-node-drag.d.ts +3 -0
  534. package/lib/tree/use-search.d.ts +11 -0
  535. package/lib/tree/use-tree-init.d.ts +13 -0
  536. package/lib/tree/util.d.ts +66 -0
  537. package/lib/upload/index.d.ts +2 -0
  538. package/lib/upload/index.js +1 -0
  539. package/lib/upload/props.d.ts +113 -0
  540. package/lib/upload/upload-list.d.ts +46 -0
  541. package/lib/upload/upload-trigger.d.ts +54 -0
  542. package/lib/upload/upload.css +374 -0
  543. package/lib/upload/upload.d.ts +252 -0
  544. package/lib/upload/upload.less +455 -0
  545. package/lib/upload/upload.type.d.ts +78 -0
  546. package/lib/upload/upload.variable.css +473 -0
  547. package/lib/upload/use-ajax-upload.d.ts +3 -0
  548. package/lib/upload/use-file-handler.d.ts +44 -0
  549. package/lib/use-form.d.ts +3 -0
  550. package/lib/use-message.d.ts +2 -0
  551. package/lib/virtual-render/index.d.ts +579 -0
  552. package/lib/virtual-render/index.js +1 -0
  553. package/lib/virtual-render/props.d.ts +167 -0
  554. package/lib/virtual-render/use-tag-render.d.ts +7 -0
  555. package/lib/virtual-render/v-virtual-render.d.ts +6 -0
  556. package/lib/virtual-render/virtual-render.css +33 -0
  557. package/lib/virtual-render/virtual-render.d.ts +255 -0
  558. package/lib/virtual-render/virtual-render.less +43 -0
  559. package/lib/virtual-render/virtual-render.variable.css +33 -0
  560. package/package.json +107 -78
  561. package/dist/bkui-vue.cjs.js +0 -4978
  562. package/dist/bkui-vue.esm.js +0 -4974
  563. package/dist/bkui-vue.umd.js +0 -4981
  564. package/lib/styles/index.js +0 -1
  565. package/lib/table/common.d.ts +0 -3
  566. package/lib/table/table-layout.d.ts +0 -14
  567. package/lib/table/type.d.ts +0 -12
package/lib/loading/loading.variable.css CHANGED
@@ -1,12 +1,15 @@
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;
12
+ --whitesmoke-color: #fafbfd;
10
13
  --disable-color: #dcdee5;
11
14
  --font-size-base: 12px;
12
15
  --font-size-medium: 14px;
@@ -58,6 +61,41 @@
58
61
  --link-success-disabled-color: #94f5a4;
59
62
  --link-warning-disabled-color: #ffd695;
60
63
  --link-danger-disabled-color: #fd9c9c;
64
+ --message-color: var(--default-color);
65
+ --message-primary-bg-color: #f0f8ff;
66
+ --message-primary-border-color: #e1ecff;
67
+ --message-warning-bg-color: #fff4e2;
68
+ --message-warning-border-color: #ffe8c3;
69
+ --message-success-bg-color: #f2fff4;
70
+ --message-success-border-color: #dcffe2;
71
+ --message-danger-bg-color: #ffeded;
72
+ --message-danger-border-color: #ffdddd;
73
+ --slider-default-bg: #dcdee5;
74
+ --slider-disable-bar-bg: #979ba5;
75
+ --menu-bg-color: #182132;
76
+ --submenu-bg-color: #151d2c;
77
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
78
+ --menu-color: #96a2b9;
79
+ --menu-group-color: var(--default-color);
80
+ --menu-width: 260px;
81
+ --menu-collapse-width: 60px;
82
+ --menu-active-color: white;
83
+ --nav-header-bg-color: #182132;
84
+ --nav-bg-color: #182132;
85
+ --date-picker-disabled-bg: #fafbfd;
86
+ --date-picker-dropdown-mb: 4px;
87
+ --date-picker-dropdown-bg: #fff;
88
+ --table-bg-color: var(--white-color);
89
+ --table-border-color: #dcdee5;
90
+ --table-head-bg-color: #fafbfd;
91
+ --table-head-font-color: #313238;
92
+ --table-body-font-color: #575961;
93
+ --table-row-hover-bg-color: #f5f7fa;
94
+ --table-row-active-bg-color: #f0f1f5;
95
+ --cascader-panel-border-color: #dcdee5;
96
+ --cascader-panel-hover: #eaf3ff;
97
+ --cascader-panel-active: #f4f6fa;
98
+ --cascader-panel-disabled-bg: #fff;
61
99
  }
62
100
  @keyframes loading-scale-animate {
63
101
  0% {
@@ -80,23 +118,66 @@
80
118
  .bk-fade-transtion .bk-fade-leave-to {
81
119
  opacity: 0;
82
120
  }
121
+ .clearfix-style::after {
122
+ display: block;
123
+ height: 0;
124
+ clear: both;
125
+ font-size: 0;
126
+ content: '';
127
+ visibility: hidden;
128
+ }
83
129
  .bk-loading-wrapper {
84
130
  position: static;
85
- display: inline-block;
86
131
  font-size: 0;
132
+ vertical-align: middle;
133
+ }
134
+ .bk-loading-wrapper:not(.bk-nested-loading) {
135
+ display: inline-block;
87
136
  }
88
137
  .bk-loading-wrapper.bk-nested-loading {
89
138
  position: relative;
139
+ width: 100%;
140
+ height: 100%;
141
+ }
142
+ .bk-loading-wrapper.bk-nested-loading.is-block {
143
+ display: block;
90
144
  }
91
145
  .bk-loading-wrapper.bk-nested-loading .bk-loading-indicator {
92
146
  position: absolute;
93
147
  top: 50%;
94
148
  left: 50%;
95
- z-index: 4;
149
+ z-index: 11;
150
+ text-align: center;
96
151
  transform: translate(-50%, -50%);
97
152
  }
153
+ .bk-loading-wrapper .dot {
154
+ display: inline-block;
155
+ width: 14px;
156
+ height: 14px;
157
+ margin-right: 10px;
158
+ border-radius: 50%;
159
+ transform: scale(0.6);
160
+ animation-duration: 0.8s;
161
+ animation-iteration-count: infinite;
162
+ animation-name: loading-scale-animate;
163
+ animation-direction: normal;
164
+ }
165
+ .bk-loading-wrapper .oval {
166
+ position: absolute;
167
+ width: 6px;
168
+ height: 8px;
169
+ background-color: var(--default-color);
170
+ border-radius: 8px;
171
+ animation-duration: 1.2s;
172
+ animation-iteration-count: infinite;
173
+ animation-name: fade;
174
+ transform-origin: center 20px;
175
+ animation-direction: normal;
176
+ }
98
177
  .bk-loading-wrapper .bk-loading-mask {
99
- opacity: 0.5;
178
+ position: absolute;
179
+ width: 100%;
180
+ height: 100%;
100
181
  }
101
182
  .bk-loading-wrapper .bk-loading-mask::after {
102
183
  position: absolute;
@@ -107,11 +188,60 @@
107
188
  z-index: 10;
108
189
  width: 100%;
109
190
  height: 100%;
110
- background-color: rgba(255, 255, 255, 0.9);
191
+ background-color: rgba(255, 255, 255, 0.8);
111
192
  content: '';
112
193
  }
113
194
  .bk-loading-wrapper .bk-loading-indicator {
114
- font-size: var(--font-size-medium);
195
+ line-height: 1;
196
+ text-align: center;
197
+ }
198
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
199
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
200
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
201
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
202
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
203
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
204
+ background-color: var(--success-color);
205
+ }
206
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
207
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
208
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
209
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
210
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
211
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
212
+ background-color: var(--danger-color);
213
+ }
214
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
215
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
216
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
217
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
218
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
219
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
220
+ background-color: var(--warning-color);
221
+ }
222
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
223
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
224
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
225
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
226
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
227
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
228
+ background-color: var(--primary-color);
229
+ }
230
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
231
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
232
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
233
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
234
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
235
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
236
+ background-color: var(--white-color);
237
+ }
238
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
239
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
240
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
241
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
242
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
243
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
244
+ background-color: var(--light-gray);
115
245
  }
116
246
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
117
247
  background-color: var(--danger-color);
@@ -128,7 +258,7 @@
128
258
  .bk-loading-wrapper .bk-loading-indicator .dot-4 {
129
259
  background-color: var(--primary-color);
130
260
  animation-delay: 0.55s;
131
- margin-right: 0;
261
+ margin-right: 0px;
132
262
  }
133
263
  .bk-loading-wrapper .bk-loading-indicator .oval-1 {
134
264
  transform: rotate(-135deg);
@@ -162,59 +292,36 @@
162
292
  transform: rotate(180deg);
163
293
  animation-delay: 1.65s;
164
294
  }
165
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
166
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
167
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
168
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
169
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
170
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
171
- background-color: var(--success-color);
295
+ .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
296
+ position: relative;
297
+ display: inline-block;
298
+ width: 40px;
299
+ height: 40px;
172
300
  }
173
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
174
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
175
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
176
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
177
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
178
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
179
- background-color: var(--danger-color);
301
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
302
+ height: 16px;
303
+ width: 16px;
180
304
  }
181
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
182
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
183
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
184
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
185
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
186
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
187
- background-color: var(--warning-color);
305
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
306
+ width: 3px;
307
+ height: 3px;
308
+ margin-right: 3px;
188
309
  }
189
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
190
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
191
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
192
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
193
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
194
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
195
- background-color: var(--primary-color);
310
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
311
+ margin-right: 0;
196
312
  }
197
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
198
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
199
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
200
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
201
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
202
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
203
- background-color: var(--white-color);
313
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
314
+ width: 2px;
315
+ height: 3px;
316
+ border-radius: 3px;
317
+ transform-origin: center 8px;
204
318
  }
205
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
206
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
207
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
208
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
209
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
210
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
211
- background-color: var(--light-gray);
212
- }
213
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
214
- height: 40px;
319
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
320
+ font-size: var(--font-size-medium);
215
321
  }
216
322
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
217
323
  height: 22px;
324
+ width: 22px;
218
325
  }
219
326
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
220
327
  width: 6px;
@@ -235,6 +342,7 @@
235
342
  }
236
343
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
237
344
  height: 52px;
345
+ width: 52px;
238
346
  }
239
347
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
240
348
  width: 20px;
@@ -260,27 +368,3 @@
260
368
  color: var(--default-color);
261
369
  text-align: center;
262
370
  }
263
- .bk-loading-wrapper .bk-loading-indicator .dot {
264
- display: inline-block;
265
- width: 14px;
266
- height: 14px;
267
- margin-right: 10px;
268
- border-radius: 50%;
269
- transform: scale(0.6);
270
- animation-duration: 0.8s;
271
- animation-iteration-count: infinite;
272
- animation-name: loading-scale-animate;
273
- animation-direction: normal;
274
- }
275
- .bk-loading-wrapper .bk-loading-indicator .oval {
276
- position: absolute;
277
- width: 6px;
278
- height: 8px;
279
- background-color: var(--default-color);
280
- border-radius: 8px;
281
- animation-duration: 1.2s;
282
- animation-iteration-count: infinite;
283
- animation-name: fade;
284
- transform-origin: center 20px;
285
- animation-direction: normal;
286
- }
package/lib/menu/index.d.ts ADDED
@@ -0,0 +1,188 @@
1
+ declare const BkMenu: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{
6
+ collapse: boolean;
7
+ mode: "vertical";
8
+ uniqueOpen: boolean;
9
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10
+ activeKey: StringConstructor;
11
+ collapse: {
12
+ type: BooleanConstructor;
13
+ default: boolean;
14
+ };
15
+ OpenedKeys: {
16
+ type: import("vue").PropType<string[]>;
17
+ };
18
+ mode: {
19
+ type: import("vue").PropType<"vertical">;
20
+ default: string;
21
+ };
22
+ uniqueOpen: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ }>> & {
27
+ onClick?: (...args: any[]) => any;
28
+ "onUpdate:activeKey"?: (...args: any[]) => any;
29
+ "onUpdate:openKeys"?: (...args: any[]) => any;
30
+ onOpenChange?: (...args: any[]) => any;
31
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "collapse" | "mode" | "uniqueOpen">;
32
+ $attrs: {
33
+ [x: string]: unknown;
34
+ };
35
+ $refs: {
36
+ [x: string]: unknown;
37
+ };
38
+ $slots: Readonly<{
39
+ [name: string]: import("vue").Slot;
40
+ }>;
41
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
42
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
43
+ $emit: (event: "click" | "update:activeKey" | "update:openKeys" | "openChange", ...args: any[]) => void;
44
+ $el: any;
45
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
46
+ activeKey: StringConstructor;
47
+ collapse: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ OpenedKeys: {
52
+ type: import("vue").PropType<string[]>;
53
+ };
54
+ mode: {
55
+ type: import("vue").PropType<"vertical">;
56
+ default: string;
57
+ };
58
+ uniqueOpen: {
59
+ type: BooleanConstructor;
60
+ default: boolean;
61
+ };
62
+ }>> & {
63
+ onClick?: (...args: any[]) => any;
64
+ "onUpdate:activeKey"?: (...args: any[]) => any;
65
+ "onUpdate:openKeys"?: (...args: any[]) => any;
66
+ onOpenChange?: (...args: any[]) => any;
67
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:activeKey" | "update:openKeys" | "openChange")[], string, {
68
+ collapse: boolean;
69
+ mode: "vertical";
70
+ uniqueOpen: boolean;
71
+ }> & {
72
+ beforeCreate?: (() => void) | (() => void)[];
73
+ created?: (() => void) | (() => void)[];
74
+ beforeMount?: (() => void) | (() => void)[];
75
+ mounted?: (() => void) | (() => void)[];
76
+ beforeUpdate?: (() => void) | (() => void)[];
77
+ updated?: (() => void) | (() => void)[];
78
+ activated?: (() => void) | (() => void)[];
79
+ deactivated?: (() => void) | (() => void)[];
80
+ beforeDestroy?: (() => void) | (() => void)[];
81
+ beforeUnmount?: (() => void) | (() => void)[];
82
+ destroyed?: (() => void) | (() => void)[];
83
+ unmounted?: (() => void) | (() => void)[];
84
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
85
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
86
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
87
+ };
88
+ $forceUpdate: () => void;
89
+ $nextTick: typeof import("vue").nextTick;
90
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
91
+ } & Readonly<import("vue").ExtractPropTypes<{
92
+ activeKey: StringConstructor;
93
+ collapse: {
94
+ type: BooleanConstructor;
95
+ default: boolean;
96
+ };
97
+ OpenedKeys: {
98
+ type: import("vue").PropType<string[]>;
99
+ };
100
+ mode: {
101
+ type: import("vue").PropType<"vertical">;
102
+ default: string;
103
+ };
104
+ uniqueOpen: {
105
+ type: BooleanConstructor;
106
+ default: boolean;
107
+ };
108
+ }>> & {
109
+ onClick?: (...args: any[]) => any;
110
+ "onUpdate:activeKey"?: (...args: any[]) => any;
111
+ "onUpdate:openKeys"?: (...args: any[]) => any;
112
+ onOpenChange?: (...args: any[]) => any;
113
+ } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
114
+ __isFragment?: never;
115
+ __isTeleport?: never;
116
+ __isSuspense?: never;
117
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
118
+ activeKey: StringConstructor;
119
+ collapse: {
120
+ type: BooleanConstructor;
121
+ default: boolean;
122
+ };
123
+ OpenedKeys: {
124
+ type: import("vue").PropType<string[]>;
125
+ };
126
+ mode: {
127
+ type: import("vue").PropType<"vertical">;
128
+ default: string;
129
+ };
130
+ uniqueOpen: {
131
+ type: BooleanConstructor;
132
+ default: boolean;
133
+ };
134
+ }>> & {
135
+ onClick?: (...args: any[]) => any;
136
+ "onUpdate:activeKey"?: (...args: any[]) => any;
137
+ "onUpdate:openKeys"?: (...args: any[]) => any;
138
+ onOpenChange?: (...args: any[]) => any;
139
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:activeKey" | "update:openKeys" | "openChange")[], "click" | "update:activeKey" | "update:openKeys" | "openChange", {
140
+ collapse: boolean;
141
+ mode: "vertical";
142
+ uniqueOpen: boolean;
143
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
144
+ Item: import("vue").DefineComponent<{
145
+ needIcon: {
146
+ type: BooleanConstructor;
147
+ default: boolean;
148
+ };
149
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
150
+ needIcon: {
151
+ type: BooleanConstructor;
152
+ default: boolean;
153
+ };
154
+ }>> & {
155
+ onClick?: (...args: any[]) => any;
156
+ }, {
157
+ needIcon: boolean;
158
+ }>;
159
+ Submenu: import("vue").DefineComponent<{
160
+ title: {
161
+ type: StringConstructor;
162
+ default: string;
163
+ };
164
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "collapse"[], "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
165
+ title: {
166
+ type: StringConstructor;
167
+ default: string;
168
+ };
169
+ }>> & {
170
+ onCollapse?: (...args: any[]) => any;
171
+ }, {
172
+ title: string;
173
+ }>;
174
+ Group: import("vue").DefineComponent<{
175
+ name: {
176
+ type: StringConstructor;
177
+ default: string;
178
+ };
179
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
180
+ name: {
181
+ type: StringConstructor;
182
+ default: string;
183
+ };
184
+ }>>, {
185
+ name: string;
186
+ }>;
187
+ }>;
188
+ export default BkMenu;
package/lib/menu/index.js ADDED
@@ -0,0 +1 @@
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(self,((e,t,n)=>(()=>{"use strict";var o={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,a),n.exports}a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{default:()=>x});var e=a(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var o=a(748),r=Symbol("MENU_PROVIDER_KEY"),i=Symbol("MENU_PROVIDER_KEY_PATH"),u=function(){return(0,o.inject)(r)},c=function(){var e,t=(0,o.getCurrentInstance)(),n=t.parent?t.parent.provides:null===(e=t.vnode.appContext)||void 0===e?void 0:e.provides;return n&&i in n?(0,o.inject)(i):{parentInfo:void 0,parentKeys:(0,o.ref)([])}},s=function(e){return(e||"").split(" ").filter((function(e){return!!e.trim()}))};function d(e,t){if(e&&t){var o=s(t),r=e.getAttribute("class")||"";if(e.classList){var a;(a=e.classList).remove.apply(a,n(o))}else{o.forEach((function(e){r=r.replace(" ".concat(e," ")," ")}));var l=s(r).join(" ");e.setAttribute("class",l)}}}function v(e,t){if(e){var o,r=e.getAttribute("class")||"",a=s(r),l=(t||"").split(" ").filter((function(e){return!a.includes(e)&&!!e.trim()}));e.classList?(o=e.classList).add.apply(o,n(l)):(r+=" ".concat(l.join(" ")),e.setAttribute("class",r))}}var p={activeKey:String,collapse:{type:Boolean,default:!1},OpenedKeys:{type:Array},mode:{type:String,default:"vertical"},uniqueOpen:{type:Boolean,default:!0}};const f=(0,o.defineComponent)({name:"Menu",props:p,emits:["update:activeKey","update:openKeys","click","openChange"],setup:function(e,t){var a,l=t.slots,i=t.emit,u=(0,o.ref)(""),c=(0,o.ref)([]),s=(0,o.ref)({}),d=(0,o.computed)((function(){return e.mode})),v=(0,o.ref)(e.collapse),p=(0,o.ref)([]);return(0,o.watch)((function(){return e.OpenedKeys}),(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c.value;c.value=e}),{immediate:!0}),(0,o.watchEffect)((function(){void 0!==e.activeKey&&(u.value=e.activeKey)})),(0,o.watch)((function(){return e.collapse}),(function(){v.value=e.collapse;var t=n(p.value),o=n(c.value);c.value=v.value?[]:t,p.value=v.value?o:[]}),{immediate:!0}),a={activeKey:u,menuStore:s,registerMenuInfo:function(e,t){s.value=Object.assign(Object.assign({},s.value),function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({},e,t))},unregisterMenuInfo:function(e){delete s.value[e],s.value=Object.assign({},s.value)},mode:d.value,openedKeys:c,collapse:v,handleOpenChange:function(t,o){o?e.uniqueOpen?c.value=[t]:c.value.push(t):c.value=c.value.filter((function(e){return e!==t})),i("openChange",o,s.value[t]),i("update:openKeys",n(c.value))},handleActiveChange:function(e){u.value=e,i("click",s.value[e]),i("update:activeKey",e,s.value[e])}},(0,o.provide)(r,a),function(){var e;return(0,o.createVNode)("div",{class:{"bk-menu":!0,"is-collapse":v.value}},[null===(e=null==l?void 0:l.default)||void 0===e?void 0:e.call(l)])}}}),y=(0,o.defineComponent)({name:"MenuGroup",props:{name:{type:String,default:""}},setup:function(e,t){var n=t.slots;return function(){var t;return(0,o.createVNode)("div",{class:"bk-menu-group"},[(0,o.createVNode)("div",{class:"group-name"},[e.name]),(0,o.createVNode)("ul",{class:"group-wrap"},[null===(t=n.default)||void 0===t?void 0:t.call(n)])])}}}),m=(0,o.defineComponent)({name:"MenuItem",props:{needIcon:{type:Boolean,default:!0}},emits:["click"],slots:["icon"],setup:function(e,t){var n,r,a=t.slots,l=t.emit,i=u(),s=i.registerMenuInfo,d=i.unregisterMenuInfo,v=i.activeKey,p=i.handleActiveChange,f=(0,o.getCurrentInstance)(),y=c().parentInfo,m=(null===(r=null===(n=f.vnode.key)||void 0===n?void 0:n.toString)||void 0===r?void 0:r.call(n))||String(f.uid),g=(0,o.computed)((function(){return v.value===m})),h=(0,o.computed)((function(){return e.needIcon}));s(m,{key:m,parentKey:null==y?void 0:y.key});var b=function(e){p(m),l("click",e)};return(0,o.onBeforeUnmount)((function(){return d(m)})),function(){var e,t;return(0,o.createVNode)("li",{class:{"bk-menu-item":!0,"is-active":g.value},onClick:b},[h.value&&(0,o.createVNode)("span",{class:"item-icon"},[(null===(e=null==a?void 0:a.icon)||void 0===e?void 0:e.call(a))||(0,o.createVNode)("i",{class:"default-icon"},null)]),(0,o.createVNode)("span",{class:"item-content"},[null===(t=a.default)||void 0===t?void 0:t.call(a)])])}}});var g=a(7685),h={title:{type:String,default:"title"}};const b=(0,o.defineComponent)({name:"Submenu",props:h,emits:["collapse"],slots:["icon"],setup:function(e,t){var r,a,l=t.slots,s=t.emit,p=u(),f=p.registerMenuInfo,y=p.unregisterMenuInfo,m=p.openedKeys,h=p.handleOpenChange,b=p.collapse,x=p.activeKey,S=p.menuStore,I=c().parentInfo,w=(0,o.getCurrentInstance)(),K=(null===(a=null===(r=w.vnode.key)||void 0===r?void 0:r.toString)||void 0===a?void 0:a.call(r))||String(w.uid),O=(0,o.ref)({css:!0,onBeforeEnter:function(e){v(e,"collapse-transition"),e.dataset||(e.dataset={}),e.style.height="0px",e.style.maxHeight="0px"},onEnter:function(e){e.dataset.oldOverflow=e.style.overflow,0!==e.scrollHeight?(e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px")):(e.style.height="0px",e.style.maxHeight="0px"),e.style.overflow="hidden"},onAfterEnter:function(e){e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow,d(e,"collapse-transition")},onBeforeLeave:function(e){e.dataset||(e.dataset={}),e.dataset.oldOverflow=e.style.overflow,e.style.height="".concat(e.scrollHeight,"px"),e.style.maxHeight="".concat(e.scrollHeight,"px"),e.style.overflow="hidden"},onLeave:function(e){0!==e.scrollHeight&&(v(e,"collapse-transition"),e.style.transitionProperty="height",e.style.height="0px",e.style.maxHeight="0px")},onAfterLeave:function(e){d(e,"collapse-transition"),e.style.height="",e.style.maxHeight="",e.style.overflow=e.dataset.oldOverflow}}),j=(0,o.computed)((function(){return m.value.includes(K)})),A=(0,o.computed)((function(){var e,t,n=null===(t=null===(e=S.value)||void 0===e?void 0:e[x.value])||void 0===t?void 0:t.parentKey;return b.value&&n===K&&j}));!function(e){var t=c(),r=t.parentKeys,a=t.parentInfo,l=(0,o.computed)((function(){return[].concat(n(r.value),[e])}));(0,o.provide)(i,{parentInfo:{key:e,parentKey:null==a?void 0:a.key},parentKeys:l})}(K),f(K,{key:K,parentKey:null==I?void 0:I.key}),(0,o.onBeforeUnmount)((function(){return y(K)}));var k=function(){h(K,!j.value),s("collapse",!j.value,w)};return function(){var t,n;return(0,o.createVNode)("li",{class:{"bk-menu-submenu":!0,"is-opened":j.value}},[(0,o.createVNode)("div",{class:{"submenu-header":!0,"is-collapse":A.value},onClick:k},[(0,o.createVNode)("span",{class:"submenu-header-icon"},[(null===(t=l.icon)||void 0===t?void 0:t.call(l))||(0,o.createVNode)(g.TreeApplicationShape,{class:"menu-icon"},null)]),(0,o.createVNode)("span",{class:"submenu-header-content"},[e.title]),(0,o.createVNode)(g.AngleDown,{class:{"submenu-header-collapse":!0,"is-collapse":m.value.includes(K)}},null)]),(0,o.createVNode)(o.Transition,O.value,{default:function(){return[(0,o.withDirectives)((0,o.createVNode)("ul",{class:"submenu-list"},[null===(n=l.default)||void 0===n?void 0:n.call(l)]),[[o.vShow,j.value]])]}})])}}}),x=(0,e.withInstallProps)(f,{Item:m,Submenu:b,Group:y})})(),l})()));
package/lib/menu/menu-group.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ name: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
7
+ name: {
8
+ type: StringConstructor;
9
+ default: string;
10
+ };
11
+ }>>, {
12
+ name: string;
13
+ }>;
14
+ export default _default;
package/lib/menu/menu-item.d.ts ADDED
@@ -0,0 +1,16 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ needIcon: {
3
+ type: BooleanConstructor;
4
+ default: boolean;
5
+ };
6
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
7
+ needIcon: {
8
+ type: BooleanConstructor;
9
+ default: boolean;
10
+ };
11
+ }>> & {
12
+ onClick?: (...args: any[]) => any;
13
+ }, {
14
+ needIcon: boolean;
15
+ }>;
16
+ export default _default;