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

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 (428) hide show
  1. package/README.md +31 -19
  2. package/README_EN.md +93 -0
  3. package/dist/bkui-vue.cjs.js +10044 -1374
  4. package/dist/bkui-vue.esm.js +10003 -1380
  5. package/dist/bkui-vue.umd.js +10044 -1374
  6. package/dist/style.css +3322 -241
  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.css +9 -0
  31. package/lib/button/button.d.ts +57 -28
  32. package/lib/button/button.less +23 -15
  33. package/lib/button/button.variable.css +41 -0
  34. package/lib/button/index.d.ts +225 -3
  35. package/lib/button/index.js +1 -1
  36. package/lib/card/card.d.ts +30 -15
  37. package/lib/card/card.variable.css +32 -0
  38. package/lib/card/index.d.ts +187 -2
  39. package/lib/card/index.js +1 -1
  40. package/lib/checkbox/checkbox-group.d.ts +13 -9
  41. package/lib/checkbox/checkbox.d.ts +31 -22
  42. package/lib/checkbox/checkbox.variable.css +32 -0
  43. package/lib/checkbox/index.d.ts +261 -2
  44. package/lib/checkbox/index.js +1 -1
  45. package/lib/checkbox/type.d.ts +6 -5
  46. package/lib/code-diff/code-diff.css +114 -0
  47. package/lib/code-diff/code-diff.d.ts +71 -0
  48. package/lib/code-diff/code-diff.less +144 -0
  49. package/lib/code-diff/code-diff.variable.css +207 -0
  50. package/lib/code-diff/index.d.ts +6 -0
  51. package/lib/collapse/collapse.css +8 -0
  52. package/lib/collapse/collapse.d.ts +50 -18
  53. package/lib/collapse/collapse.less +10 -0
  54. package/lib/collapse/collapse.variable.css +8 -0
  55. package/lib/collapse/index.d.ts +166 -2
  56. package/lib/collapse/index.js +1 -1
  57. package/lib/components.d.ts +37 -0
  58. package/lib/date-picker/date-picker.css +407 -0
  59. package/lib/date-picker/date-picker.d.ts +294 -0
  60. package/lib/date-picker/date-picker.less +526 -0
  61. package/lib/date-picker/date-picker.variable.css +500 -0
  62. package/lib/date-picker/fecha.d.ts +6 -0
  63. package/lib/date-picker/index.d.ts +713 -0
  64. package/lib/date-picker/index.js +1 -0
  65. package/lib/date-picker/interface.d.ts +22 -0
  66. package/lib/date-picker/props.d.ts +111 -0
  67. package/lib/date-picker/utils.d.ts +97 -0
  68. package/lib/dialog/dialog.d.ts +57 -27
  69. package/lib/dialog/index.d.ts +286 -2
  70. package/lib/dialog/index.js +1 -1
  71. package/lib/directives/clickoutside.d.ts +3 -0
  72. package/lib/directives/index.d.ts +2 -0
  73. package/lib/directives/index.js +14 -14
  74. package/lib/directives/tooltips.d.ts +17 -0
  75. package/lib/divider/divider.css +38 -0
  76. package/lib/divider/divider.d.ts +48 -0
  77. package/lib/divider/divider.less +53 -0
  78. package/lib/divider/divider.variable.css +131 -0
  79. package/lib/divider/index.d.ts +142 -0
  80. package/lib/divider/index.js +1 -0
  81. package/lib/dropdown/dropdown-item.d.ts +19 -0
  82. package/lib/dropdown/dropdown-menu.d.ts +16 -0
  83. package/lib/dropdown/dropdown.css +43 -0
  84. package/lib/dropdown/dropdown.d.ts +61 -0
  85. package/lib/dropdown/dropdown.less +54 -0
  86. package/lib/dropdown/dropdown.variable.css +136 -0
  87. package/lib/dropdown/index.d.ts +192 -0
  88. package/lib/dropdown/index.js +1 -0
  89. package/lib/exception/exception.d.ts +11 -9
  90. package/lib/exception/exception.variable.css +32 -0
  91. package/lib/exception/index.d.ts +95 -1
  92. package/lib/exception/index.js +1 -1
  93. package/lib/fixed-navbar/fixed-navbar.d.ts +15 -9
  94. package/lib/fixed-navbar/fixed-navbar.variable.css +32 -0
  95. package/lib/fixed-navbar/index.d.ts +112 -2
  96. package/lib/fixed-navbar/index.js +1 -1
  97. package/lib/form/common.d.ts +3 -0
  98. package/lib/form/form-item.d.ts +159 -0
  99. package/lib/form/form.css +39 -0
  100. package/lib/form/form.d.ts +84 -0
  101. package/lib/form/form.less +50 -0
  102. package/lib/form/form.variable.css +39 -0
  103. package/lib/form/index.d.ts +286 -0
  104. package/lib/form/index.js +1 -0
  105. package/lib/form/type.d.ts +21 -0
  106. package/lib/form/validator.d.ts +8 -0
  107. package/lib/icon/angle-double-down-line.d.ts +4 -0
  108. package/lib/icon/angle-double-down-line.js +15 -0
  109. package/lib/icon/angle-double-left-line.d.ts +4 -0
  110. package/lib/icon/angle-double-left-line.js +15 -0
  111. package/lib/icon/angle-double-left.d.ts +4 -0
  112. package/lib/icon/angle-double-left.js +15 -0
  113. package/lib/icon/angle-double-right-line.d.ts +4 -0
  114. package/lib/icon/angle-double-right-line.js +15 -0
  115. package/lib/icon/angle-double-right.d.ts +4 -0
  116. package/lib/icon/angle-double-right.js +15 -0
  117. package/lib/icon/angle-double-up-line.d.ts +4 -0
  118. package/lib/icon/angle-double-up-line.js +15 -0
  119. package/lib/icon/angle-down-fill.d.ts +4 -0
  120. package/lib/icon/angle-down-fill.js +15 -0
  121. package/lib/icon/angle-down-line.d.ts +4 -0
  122. package/lib/icon/angle-down-line.js +15 -0
  123. package/lib/icon/angle-down.d.ts +4 -0
  124. package/lib/icon/angle-down.js +15 -0
  125. package/lib/icon/angle-left.d.ts +4 -0
  126. package/lib/icon/angle-left.js +15 -0
  127. package/lib/icon/angle-right.d.ts +4 -0
  128. package/lib/icon/angle-right.js +15 -0
  129. package/lib/icon/angle-up-fill.d.ts +4 -0
  130. package/lib/icon/angle-up-fill.js +15 -0
  131. package/lib/icon/angle-up.d.ts +4 -0
  132. package/lib/icon/angle-up.js +15 -0
  133. package/lib/icon/arrows-left.d.ts +4 -0
  134. package/lib/icon/arrows-left.js +15 -0
  135. package/lib/icon/arrows-right.d.ts +4 -0
  136. package/lib/icon/arrows-right.js +15 -0
  137. package/lib/icon/bk.d.ts +4 -0
  138. package/lib/icon/bk.js +15 -0
  139. package/lib/icon/circle.d.ts +4 -0
  140. package/lib/icon/circle.js +15 -0
  141. package/lib/icon/close.d.ts +4 -0
  142. package/lib/icon/close.js +15 -0
  143. package/lib/icon/code.d.ts +4 -0
  144. package/lib/icon/code.js +15 -0
  145. package/lib/icon/cog-shape.d.ts +4 -0
  146. package/lib/icon/cog-shape.js +15 -0
  147. package/lib/icon/collapse-left.d.ts +4 -0
  148. package/lib/icon/collapse-left.js +15 -0
  149. package/lib/icon/copy.d.ts +4 -0
  150. package/lib/icon/copy.js +15 -0
  151. package/lib/icon/done.d.ts +4 -0
  152. package/lib/icon/done.js +15 -0
  153. package/lib/icon/down-shape.d.ts +4 -0
  154. package/lib/icon/down-shape.js +15 -0
  155. package/lib/icon/down-small.d.ts +4 -0
  156. package/lib/icon/down-small.js +15 -0
  157. package/lib/icon/ellipsis.d.ts +4 -0
  158. package/lib/icon/ellipsis.js +15 -0
  159. package/lib/icon/error.d.ts +4 -0
  160. package/lib/icon/error.js +15 -0
  161. package/lib/icon/eye.d.ts +4 -0
  162. package/lib/icon/eye.js +15 -0
  163. package/lib/icon/folder-open.d.ts +4 -0
  164. package/lib/icon/folder-open.js +15 -0
  165. package/lib/icon/folder-shape-open.d.ts +4 -0
  166. package/lib/icon/folder-shape-open.js +15 -0
  167. package/lib/icon/folder-shape.d.ts +4 -0
  168. package/lib/icon/folder-shape.js +15 -0
  169. package/lib/icon/folder.d.ts +4 -0
  170. package/lib/icon/folder.js +15 -0
  171. package/lib/icon/help-document-fill.d.ts +4 -0
  172. package/lib/icon/help-document-fill.js +15 -0
  173. package/lib/icon/help-fill.d.ts +4 -0
  174. package/lib/icon/help-fill.js +15 -0
  175. package/lib/icon/help.d.ts +4 -0
  176. package/lib/icon/help.js +15 -0
  177. package/lib/icon/icon.d.ts +12 -0
  178. package/lib/icon/icon.js +15 -0
  179. package/lib/icon/index.d.ts +42 -0
  180. package/lib/icon/index.js +1 -1
  181. package/lib/icon/info-line.d.ts +4 -0
  182. package/lib/icon/info-line.js +15 -0
  183. package/lib/icon/info.d.ts +4 -0
  184. package/lib/icon/info.js +15 -0
  185. package/lib/icon/left-shape.d.ts +4 -0
  186. package/lib/icon/left-shape.js +15 -0
  187. package/lib/icon/play-shape.d.ts +4 -0
  188. package/lib/icon/play-shape.js +15 -0
  189. package/lib/icon/plus.d.ts +4 -0
  190. package/lib/icon/plus.js +15 -0
  191. package/lib/icon/qq.d.ts +4 -0
  192. package/lib/icon/qq.js +15 -0
  193. package/lib/icon/right-shape.d.ts +4 -0
  194. package/lib/icon/right-shape.js +15 -0
  195. package/lib/icon/search.d.ts +4 -0
  196. package/lib/icon/search.js +15 -0
  197. package/lib/icon/share.d.ts +4 -0
  198. package/lib/icon/share.js +15 -0
  199. package/lib/icon/spinner.d.ts +4 -0
  200. package/lib/icon/spinner.js +15 -0
  201. package/lib/icon/success.d.ts +4 -0
  202. package/lib/icon/success.js +15 -0
  203. package/lib/icon/switcher-loading.d.ts +4 -0
  204. package/lib/icon/switcher-loading.js +15 -0
  205. package/lib/icon/text-file.d.ts +4 -0
  206. package/lib/icon/text-file.js +15 -0
  207. package/lib/icon/tree-application-shape.d.ts +4 -0
  208. package/lib/icon/tree-application-shape.js +15 -0
  209. package/lib/icon/unvisible.d.ts +4 -0
  210. package/lib/icon/unvisible.js +15 -0
  211. package/lib/icon/up-shape.d.ts +4 -0
  212. package/lib/icon/up-shape.js +15 -0
  213. package/lib/icon/warn.d.ts +4 -0
  214. package/lib/icon/warn.js +15 -0
  215. package/lib/icon/weixin.d.ts +4 -0
  216. package/lib/icon/weixin.js +15 -0
  217. package/lib/index.d.ts +4 -0
  218. package/lib/input/index.d.ts +417 -2
  219. package/lib/input/index.js +2 -2
  220. package/lib/input/input.css +20 -2
  221. package/lib/input/input.d.ts +98 -46
  222. package/lib/input/input.less +28 -5
  223. package/lib/input/input.variable.css +52 -2
  224. package/lib/link/index.d.ts +164 -2
  225. package/lib/link/index.js +1 -1
  226. package/lib/link/link.d.ts +25 -13
  227. package/lib/link/link.variable.css +32 -0
  228. package/lib/loading/index.d.ts +146 -2
  229. package/lib/loading/index.js +1 -1
  230. package/lib/loading/loading.css +98 -71
  231. package/lib/loading/loading.d.ts +47 -21
  232. package/lib/loading/loading.less +62 -49
  233. package/lib/loading/loading.variable.css +130 -71
  234. package/lib/menu/index.d.ts +188 -0
  235. package/lib/menu/index.js +1 -0
  236. package/lib/menu/menu-group.d.ts +14 -0
  237. package/lib/menu/menu-item.d.ts +16 -0
  238. package/lib/menu/menu.css +182 -0
  239. package/lib/menu/menu.d.ts +64 -0
  240. package/lib/menu/menu.less +180 -0
  241. package/lib/menu/menu.variable.css +275 -0
  242. package/lib/menu/submenu.css +3 -0
  243. package/lib/menu/submenu.d.ts +22 -0
  244. package/lib/menu/submenu.less +5 -0
  245. package/lib/menu/submenu.variable.css +96 -0
  246. package/lib/menu/utils.d.ts +41 -0
  247. package/lib/message/index.d.ts +2 -0
  248. package/lib/message/index.js +1 -0
  249. package/lib/message/message.css +53 -0
  250. package/lib/message/message.less +61 -0
  251. package/lib/message/message.variable.css +146 -0
  252. package/lib/message/messageConstructor.d.ts +73 -0
  253. package/lib/modal/index.d.ts +214 -3
  254. package/lib/modal/index.js +1 -1
  255. package/lib/modal/modal.d.ts +33 -15
  256. package/lib/modal/props.mixin.d.ts +5 -1
  257. package/lib/navigation/index.d.ts +2 -0
  258. package/lib/navigation/index.js +1 -0
  259. package/lib/navigation/navigation-title.d.ts +25 -0
  260. package/lib/navigation/navigation.css +184 -0
  261. package/lib/navigation/navigation.d.ts +111 -0
  262. package/lib/navigation/navigation.less +210 -0
  263. package/lib/navigation/navigation.variable.css +277 -0
  264. package/lib/notify/index.d.ts +2 -0
  265. package/lib/notify/index.js +1 -0
  266. package/lib/notify/notify.css +49 -0
  267. package/lib/notify/notify.less +58 -0
  268. package/lib/notify/notify.variable.css +142 -0
  269. package/lib/notify/notifyConstructor.d.ts +91 -0
  270. package/lib/pagination/index.d.ts +395 -0
  271. package/lib/pagination/index.js +1 -0
  272. package/lib/pagination/pagination.css +179 -0
  273. package/lib/pagination/pagination.d.ts +220 -0
  274. package/lib/pagination/pagination.less +201 -0
  275. package/lib/pagination/pagination.variable.css +272 -0
  276. package/lib/pagination/type.d.ts +6 -0
  277. package/lib/pagination/use-limit.d.ts +8 -0
  278. package/lib/pagination/use-list.d.ts +8 -0
  279. package/lib/pagination/use-small-list.d.ts +5 -0
  280. package/lib/pagination/use-total.d.ts +5 -0
  281. package/lib/popover/index.d.ts +287 -27
  282. package/lib/popover/index.js +1 -1
  283. package/lib/popover/popover.css +23 -14
  284. package/lib/popover/popover.d.ts +74 -45
  285. package/lib/popover/popover.less +57 -46
  286. package/lib/popover/popover.variable.css +55 -14
  287. package/lib/popover/props.d.ts +77 -0
  288. package/lib/preset.d.ts +7 -0
  289. package/lib/process/index.d.ts +205 -0
  290. package/lib/process/index.js +15 -0
  291. package/lib/process/process.css +138 -0
  292. package/lib/process/process.d.ts +131 -0
  293. package/lib/process/process.less +178 -0
  294. package/lib/process/process.variable.css +231 -0
  295. package/lib/progress/index.d.ts +398 -2
  296. package/lib/progress/index.js +1 -1
  297. package/lib/progress/progress.css +0 -3
  298. package/lib/progress/progress.d.ts +88 -35
  299. package/lib/progress/progress.less +0 -4
  300. package/lib/progress/progress.variable.css +32 -3
  301. package/lib/radio/index.d.ts +277 -2
  302. package/lib/radio/index.js +1 -1
  303. package/lib/radio/radio-button.d.ts +24 -16
  304. package/lib/radio/radio-group.d.ts +11 -10
  305. package/lib/radio/radio.css +6 -0
  306. package/lib/radio/radio.d.ts +23 -13
  307. package/lib/radio/radio.less +7 -0
  308. package/lib/radio/radio.variable.css +38 -0
  309. package/lib/rate/index.d.ts +113 -2
  310. package/lib/rate/index.js +1 -1
  311. package/lib/rate/rate.d.ts +13 -10
  312. package/lib/rate/star.d.ts +33 -16
  313. package/lib/select/common.d.ts +13 -3
  314. package/lib/select/index.d.ts +962 -2
  315. package/lib/select/index.js +15 -1
  316. package/lib/select/option.d.ts +12 -19
  317. package/lib/select/optionGroup.d.ts +130 -0
  318. package/lib/select/select.css +130 -14
  319. package/lib/select/select.d.ts +152 -150
  320. package/lib/select/select.less +164 -26
  321. package/lib/select/select.variable.css +162 -14
  322. package/lib/shared/bk-helper-core.d.ts +6 -0
  323. package/lib/shared/bk-mask-manager.d.ts +32 -3
  324. package/lib/shared/bk-pop-manager.d.ts +8 -1
  325. package/lib/shared/bk-popover.d.ts +56 -5
  326. package/lib/shared/index.d.ts +24 -0
  327. package/lib/shared/index.js +1 -1
  328. package/lib/shared/utils.d.ts +6 -0
  329. package/lib/shared/vue-types.d.ts +7 -6
  330. package/lib/shared/z-index-manager.d.ts +6 -1
  331. package/lib/sideslider/index.d.ts +206 -2
  332. package/lib/sideslider/index.js +1 -1
  333. package/lib/sideslider/sideslider.d.ts +39 -18
  334. package/lib/sideslider/sideslider.variable.css +32 -0
  335. package/{index.d.ts → lib/slider/index.d.ts} +4 -5
  336. package/lib/slider/index.js +15 -0
  337. package/{commitlint.config.js → lib/slider/slider-button.d.ts} +50 -42
  338. package/lib/slider/slider.css +149 -0
  339. package/lib/slider/slider.d.ts +189 -0
  340. package/lib/slider/slider.less +179 -0
  341. package/lib/slider/slider.variable.css +242 -0
  342. package/lib/steps/index.d.ts +250 -0
  343. package/lib/steps/index.js +15 -0
  344. package/lib/steps/steps.css +288 -0
  345. package/lib/steps/steps.d.ts +161 -0
  346. package/lib/steps/steps.less +324 -0
  347. package/lib/steps/steps.variable.css +381 -0
  348. package/lib/styles/index.d.ts +43 -25
  349. package/lib/styles/index.js +1 -1
  350. package/lib/styles/mixins/popper.css +43 -0
  351. package/lib/styles/mixins/popper.less +52 -0
  352. package/lib/styles/mixins/popper.variable.css +43 -0
  353. package/lib/styles/mixins/size.less +9 -0
  354. package/lib/styles/reset.css +273 -0
  355. package/lib/styles/reset.less +313 -0
  356. package/lib/styles/reset.variable.css +273 -0
  357. package/lib/styles/themes/themes.less +52 -2
  358. package/lib/switcher/index.d.ts +286 -2
  359. package/lib/switcher/index.js +1 -1
  360. package/lib/switcher/switcher.css +149 -135
  361. package/lib/switcher/switcher.d.ts +48 -32
  362. package/lib/switcher/switcher.less +210 -154
  363. package/lib/switcher/switcher.variable.css +181 -135
  364. package/lib/tab/index.d.ts +552 -0
  365. package/lib/tab/index.js +1 -0
  366. package/lib/tab/tab-nav.d.ts +190 -0
  367. package/lib/tab/tab-panel.d.ts +48 -0
  368. package/lib/tab/tab.css +147 -0
  369. package/lib/tab/tab.d.ts +163 -0
  370. package/lib/tab/tab.less +221 -0
  371. package/lib/tab/tab.variable.css +240 -0
  372. package/lib/table/const.d.ts +4 -0
  373. package/lib/table/index.d.ts +282 -2
  374. package/lib/table/index.js +1 -1
  375. package/lib/table/props.d.ts +118 -0
  376. package/lib/table/render.d.ts +74 -0
  377. package/lib/table/table.css +90 -0
  378. package/lib/table/table.d.ts +85 -37
  379. package/lib/table/table.less +116 -1
  380. package/lib/table/table.variable.css +122 -0
  381. package/lib/table/utils.d.ts +69 -0
  382. package/lib/tag/index.d.ts +229 -2
  383. package/lib/tag/index.js +1 -1
  384. package/lib/tag/tag.css +91 -0
  385. package/lib/tag/tag.d.ts +83 -53
  386. package/lib/tag/tag.less +103 -2
  387. package/lib/tag/tag.variable.css +123 -0
  388. package/lib/timeline/index.d.ts +129 -0
  389. package/lib/timeline/index.js +1 -0
  390. package/lib/timeline/timeline.css +235 -0
  391. package/lib/timeline/timeline.d.ts +81 -0
  392. package/lib/timeline/timeline.less +239 -0
  393. package/lib/timeline/timeline.variable.css +328 -0
  394. package/{changelog.config.js → lib/transfer/index.d.ts} +2 -8
  395. package/lib/transfer/index.js +1 -0
  396. package/lib/transfer/transfer.css +158 -0
  397. package/lib/transfer/transfer.d.ts +185 -0
  398. package/lib/transfer/transfer.less +171 -0
  399. package/lib/transfer/transfer.variable.css +251 -0
  400. package/lib/tree/index.d.ts +276 -0
  401. package/lib/tree/index.js +1 -0
  402. package/lib/tree/props.d.ts +89 -0
  403. package/lib/tree/tree.css +42 -0
  404. package/lib/tree/tree.d.ts +112 -0
  405. package/lib/tree/tree.less +52 -0
  406. package/lib/tree/tree.variable.css +42 -0
  407. package/lib/tree/util.d.ts +70 -0
  408. package/lib/use-form.d.ts +3 -0
  409. package/lib/use-message.d.ts +2 -0
  410. package/lib/virtual-render/index.d.ts +556 -0
  411. package/lib/virtual-render/index.js +1 -0
  412. package/lib/virtual-render/props.d.ts +157 -0
  413. package/lib/virtual-render/v-virtual-render.d.ts +7 -0
  414. package/lib/virtual-render/virtual-render.css +40 -0
  415. package/lib/virtual-render/virtual-render.d.ts +244 -0
  416. package/lib/virtual-render/virtual-render.less +51 -0
  417. package/lib/virtual-render/virtual-render.variable.css +40 -0
  418. package/package.json +63 -48
  419. package/index.html +0 -40
  420. package/lib/checkbox-group/index.d.ts +0 -2
  421. package/lib/checkbox-group/index.js +0 -1
  422. package/lib/radio-button/index.d.ts +0 -2
  423. package/lib/radio-button/index.js +0 -1
  424. package/lib/radio-group/index.d.ts +0 -2
  425. package/lib/radio-group/index.js +0 -1
  426. package/lib/table/common.d.ts +0 -3
  427. package/lib/table/table-layout.d.ts +0 -14
  428. package/lib/table/type.d.ts +0 -12
@@ -1,3 +1,214 @@
1
- import Component from './modal';
2
- export default Component;
3
- export { propsMixin } from './props.mixin';
1
+ import { propsMixin } from './props.mixin';
2
+ declare const BkModal: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {
6
+ visible: boolean;
7
+ };
8
+ $props: Partial<{
9
+ showMask: boolean;
10
+ width: string | number;
11
+ height: string | number;
12
+ isShow: boolean;
13
+ customClass: string | unknown[];
14
+ scrollable: boolean;
15
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<{
16
+ isShow: {
17
+ type: BooleanConstructor;
18
+ default: boolean;
19
+ };
20
+ width: {
21
+ type: (NumberConstructor | StringConstructor)[];
22
+ default: string;
23
+ };
24
+ height: {
25
+ type: (NumberConstructor | StringConstructor)[];
26
+ default: string;
27
+ };
28
+ customClass: {
29
+ type: (ArrayConstructor | StringConstructor)[];
30
+ default: string;
31
+ };
32
+ scrollable: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
36
+ showMask: {
37
+ type: BooleanConstructor;
38
+ default: boolean;
39
+ };
40
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showMask" | "width" | "height" | "isShow" | "customClass" | "scrollable">;
41
+ $attrs: {
42
+ [x: string]: unknown;
43
+ };
44
+ $refs: {
45
+ [x: string]: unknown;
46
+ };
47
+ $slots: Readonly<{
48
+ [name: string]: import("vue").Slot;
49
+ }>;
50
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
51
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
52
+ $emit: (event: string, ...args: any[]) => void;
53
+ $el: any;
54
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
55
+ isShow: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ width: {
60
+ type: (NumberConstructor | StringConstructor)[];
61
+ default: string;
62
+ };
63
+ height: {
64
+ type: (NumberConstructor | StringConstructor)[];
65
+ default: string;
66
+ };
67
+ customClass: {
68
+ type: (ArrayConstructor | StringConstructor)[];
69
+ default: string;
70
+ };
71
+ scrollable: {
72
+ type: BooleanConstructor;
73
+ default: boolean;
74
+ };
75
+ showMask: {
76
+ type: BooleanConstructor;
77
+ default: boolean;
78
+ };
79
+ }>>, unknown, {
80
+ visible: boolean;
81
+ }, {
82
+ dialogWidth(): String | Number;
83
+ dialogHeight(): String | Number;
84
+ compStyle(): any;
85
+ }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
86
+ showMask: boolean;
87
+ width: string | number;
88
+ height: string | number;
89
+ isShow: boolean;
90
+ customClass: string | unknown[];
91
+ scrollable: boolean;
92
+ }> & {
93
+ beforeCreate?: (() => void) | (() => void)[];
94
+ created?: (() => void) | (() => void)[];
95
+ beforeMount?: (() => void) | (() => void)[];
96
+ mounted?: (() => void) | (() => void)[];
97
+ beforeUpdate?: (() => void) | (() => void)[];
98
+ updated?: (() => void) | (() => void)[];
99
+ activated?: (() => void) | (() => void)[];
100
+ deactivated?: (() => void) | (() => void)[];
101
+ beforeDestroy?: (() => void) | (() => void)[];
102
+ beforeUnmount?: (() => void) | (() => void)[];
103
+ destroyed?: (() => void) | (() => void)[];
104
+ unmounted?: (() => void) | (() => void)[];
105
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
106
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
107
+ 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)[];
108
+ };
109
+ $forceUpdate: () => void;
110
+ $nextTick: typeof import("vue").nextTick;
111
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
112
+ } & Readonly<import("vue").ExtractPropTypes<{
113
+ isShow: {
114
+ type: BooleanConstructor;
115
+ default: boolean;
116
+ };
117
+ width: {
118
+ type: (NumberConstructor | StringConstructor)[];
119
+ default: string;
120
+ };
121
+ height: {
122
+ type: (NumberConstructor | StringConstructor)[];
123
+ default: string;
124
+ };
125
+ customClass: {
126
+ type: (ArrayConstructor | StringConstructor)[];
127
+ default: string;
128
+ };
129
+ scrollable: {
130
+ type: BooleanConstructor;
131
+ default: boolean;
132
+ };
133
+ showMask: {
134
+ type: BooleanConstructor;
135
+ default: boolean;
136
+ };
137
+ }>> & import("vue").ShallowUnwrapRef<{}> & {
138
+ visible: boolean;
139
+ } & {
140
+ dialogWidth: String | Number;
141
+ dialogHeight: String | Number;
142
+ compStyle: any;
143
+ } & import("vue").ComponentCustomProperties;
144
+ __isFragment?: never;
145
+ __isTeleport?: never;
146
+ __isSuspense?: never;
147
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
148
+ isShow: {
149
+ type: BooleanConstructor;
150
+ default: boolean;
151
+ };
152
+ width: {
153
+ type: (NumberConstructor | StringConstructor)[];
154
+ default: string;
155
+ };
156
+ height: {
157
+ type: (NumberConstructor | StringConstructor)[];
158
+ default: string;
159
+ };
160
+ customClass: {
161
+ type: (ArrayConstructor | StringConstructor)[];
162
+ default: string;
163
+ };
164
+ scrollable: {
165
+ type: BooleanConstructor;
166
+ default: boolean;
167
+ };
168
+ showMask: {
169
+ type: BooleanConstructor;
170
+ default: boolean;
171
+ };
172
+ }>>, unknown, {
173
+ visible: boolean;
174
+ }, {
175
+ dialogWidth(): String | Number;
176
+ dialogHeight(): String | Number;
177
+ compStyle(): any;
178
+ }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
179
+ showMask: boolean;
180
+ width: string | number;
181
+ height: string | number;
182
+ isShow: boolean;
183
+ customClass: string | unknown[];
184
+ scrollable: boolean;
185
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
186
+ propsMixin: {
187
+ isShow: {
188
+ type: BooleanConstructor;
189
+ default: boolean;
190
+ };
191
+ width: {
192
+ type: (NumberConstructor | StringConstructor)[];
193
+ default: string;
194
+ };
195
+ height: {
196
+ type: (NumberConstructor | StringConstructor)[];
197
+ default: string;
198
+ };
199
+ customClass: {
200
+ type: (ArrayConstructor | StringConstructor)[];
201
+ default: string;
202
+ };
203
+ scrollable: {
204
+ type: BooleanConstructor;
205
+ default: boolean;
206
+ };
207
+ showMask: {
208
+ type: BooleanConstructor;
209
+ default: boolean;
210
+ };
211
+ };
212
+ }>;
213
+ export default BkModal;
214
+ export { BkModal, propsMixin, };
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},i={exports:{}},s={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.default=e.exports,e.exports.__esModule=!0}(s),function(e){var t=s.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(i);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var l={exports:{}};!function(e){var t=s.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0}(l);var d={exports:{}};!function(e){e.exports=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.")},e.exports.default=e.exports,e.exports.__esModule=!0}(d),function(e){var t=i.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.default=e.exports,e.exports.__esModule=!0}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Object,String],default:""},scrollable:{type:Boolean,default:!0}},c=t.defineComponent({name:"BkModal",props:Object.assign({},p),data:function(){return{visible:!1}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(e){var t=this;e?this.$nextTick((function(){o.bkPopIndexManager.show(t.$el)})):o.bkPopIndexManager.hide(this.$el)}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,display:this.visible?"inherit":"none"}}},beforeUnmount:function(){o.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,r,n,i,s,a,l,d;return t.createVNode("div",{class:["bk-modal-wrapper"].concat(u(this.customClass)),style:this.compStyle},[this.isShow?t.createVNode("div",{class:"bk-modal-body"},[t.createVNode("div",{class:"bk-modal-header"},[null!==(r=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==r?r:""]),t.createVNode("div",{class:"bk-modal-content"},[null!==(s=null===(i=(n=this.$slots).default)||void 0===i?void 0:i.call(n))&&void 0!==s?s:""]),t.createVNode("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=this.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""])}});c.install=function(e){e.component(c.name,c)},e.default=c,e.propsMixin=p,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,o){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}},s={exports:{}},i={exports:{}};!function(e){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r},e.exports.__esModule=!0,e.exports.default=e.exports}(i),function(e){var t=i.exports;e.exports=function(e){if(Array.isArray(e))return t(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var a={exports:{}};!function(e){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var l={exports:{}};!function(e){var t=i.exports;e.exports=function(e,o){if(e){if("string"==typeof e)return t(e,o);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,o):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(l);var d={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(d),function(e){var t=s.exports,o=a.exports,r=l.exports,n=d.exports;e.exports=function(e){return t(e)||o(e)||r(e)||n()},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var u=r(n.exports),p={isShow:{type:Boolean,default:!1},width:{type:[Number,String],default:"50%"},height:{type:[Number,String],default:"50%"},customClass:{type:[Array,String],default:""},scrollable:{type:Boolean,default:!0},showMask:{type:Boolean,default:!0}},c=t.defineComponent({name:"Modal",props:Object.assign({},p),data:function(){return{visible:!1}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,display:this.visible?"inherit":"none"}}},watch:{isShow:{handler:function(e){this.visible=e}},visible:function(e){var t=this;e?this.$nextTick((function(){var e=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};o.bkPopIndexManager.show(t.$el,t.showMask,e)})):o.bkPopIndexManager.hide(this.$el)}},beforeUnmount:function(){o.bkPopIndexManager.hide(this.$el)},render:function(){var e,o,r,n,s,i,a,l,d;return t.createVNode("div",{class:["bk-modal-wrapper"].concat(u(this.customClass)),style:this.compStyle},[this.isShow?t.createVNode("div",{class:"bk-modal-body"},[t.createVNode("div",{class:"bk-modal-header"},[null!==(r=null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==r?r:""]),t.createVNode("div",{class:"bk-modal-content"},[null!==(i=null===(s=(n=this.$slots).default)||void 0===s?void 0:s.call(n))&&void 0!==i?i:""]),t.createVNode("div",{class:"bk-modal-footer"},[null!==(d=null===(l=(a=this.$slots).footer)||void 0===l?void 0:l.call(a))&&void 0!==d?d:""])]):""])}}),f=o.withInstallProps(c,{propsMixin:p},!0);e.BkModal=f,e.default=f,e.propsMixin=p,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -12,36 +12,54 @@ declare const _default: import("vue").DefineComponent<{
12
12
  default: string;
13
13
  };
14
14
  customClass: {
15
- type: (ObjectConstructor | StringConstructor)[];
15
+ type: (ArrayConstructor | StringConstructor)[];
16
16
  default: string;
17
17
  };
18
18
  scrollable: {
19
19
  type: BooleanConstructor;
20
20
  default: boolean;
21
21
  };
22
+ showMask: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
22
26
  }, unknown, {
23
27
  visible: boolean;
24
28
  }, {
25
29
  dialogWidth(): String | Number;
26
30
  dialogHeight(): String | Number;
27
31
  compStyle(): any;
28
- }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
29
- isShow?: unknown;
30
- width?: unknown;
31
- height?: unknown;
32
- customClass?: unknown;
33
- scrollable?: unknown;
34
- } & {
35
- width: string | number;
36
- height: string | number;
37
- isShow: boolean;
38
- customClass: string;
39
- scrollable: boolean;
40
- } & {}> & {}, {
32
+ }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
33
+ isShow: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ width: {
38
+ type: (NumberConstructor | StringConstructor)[];
39
+ default: string;
40
+ };
41
+ height: {
42
+ type: (NumberConstructor | StringConstructor)[];
43
+ default: string;
44
+ };
45
+ customClass: {
46
+ type: (ArrayConstructor | StringConstructor)[];
47
+ default: string;
48
+ };
49
+ scrollable: {
50
+ type: BooleanConstructor;
51
+ default: boolean;
52
+ };
53
+ showMask: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ }>>, {
58
+ showMask: boolean;
41
59
  width: string | number;
42
60
  height: string | number;
43
61
  isShow: boolean;
44
- customClass: string;
62
+ customClass: string | unknown[];
45
63
  scrollable: boolean;
46
64
  }>;
47
65
  export default _default;
@@ -12,11 +12,15 @@ export declare const propsMixin: {
12
12
  default: string;
13
13
  };
14
14
  customClass: {
15
- type: (ObjectConstructor | StringConstructor)[];
15
+ type: (ArrayConstructor | StringConstructor)[];
16
16
  default: string;
17
17
  };
18
18
  scrollable: {
19
19
  type: BooleanConstructor;
20
20
  default: boolean;
21
21
  };
22
+ showMask: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
22
26
  };
@@ -0,0 +1,2 @@
1
+ import Navigation from './navigation';
2
+ export default Navigation;
@@ -0,0 +1 @@
1
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,i){"use strict";var o={sideTitle:{type:String,default:""},navigationType:{type:String,default:"left-right"}},a=t.defineComponent({props:o,slots:["side-icon"],setup:function(e,i){var o=i.slots;return function(){var i,a;return t.createVNode("div",{class:"bk-navigation-title",style:{borderBottomWidth:"left-right"===e.navigationType?"0":"1px"}},[(null===(i=o.default)||void 0===i?void 0:i.call(o))||[t.createVNode("span",{class:"title-icon"},[(null===(a=o["side-icon"])||void 0===a?void 0:a.call(o))||t.createVNode("i",{class:"bk-icon icon-rtx"},null)]),t.createVNode("span",{class:"title-desc"},[e.sideTitle])]])}}}),n={navWidth:{type:[Number,String],default:60},hoverWidth:{type:[Number,String],default:260},sideTitle:{type:String,default:""},headerTitle:{type:String,default:""},hoverLeaveDelay:{type:Number,default:0},hoverEnterDelay:{type:Number,default:100},defaultOpen:Boolean,headHeight:{type:[Number,String],default:52},navigationType:{type:String,default:"left-right",validator:function(e){return["top-bottom","left-right"].includes(e)}},needMenu:{type:Boolean,default:!0}},l=t.defineComponent({name:"Navigation",props:n,emits:["leave","toggle","hover","toggle-click"],slots:["header","menu","footer","side-icon","side-header"],setup:function(e,i){var o=i.emit,a=t.ref(e.headerTitle),n=t.reactive({click:!1,hover:!1,delay:!1,timer:null,enterTimer:null});e.defaultOpen&&(n.click=!n.click,n.hover=n.click,o("toggle",n.hover)),t.onBeforeUnmount((function(){n.timer&&window.clearTimeout(n.timer)}));return{defaultHeaderTitle:a,nav:n,onBeforeUnmount:t.onBeforeUnmount,handleMouseOver:function(){n.click||(n.enterTimer=setTimeout((function(){n.hover=!0,n.enterTimer&&window.clearTimeout(n.enterTimer),n.timer&&window.clearTimeout(n.timer),o("hover",n.hover),o("toggle",n.hover)}),e.hoverEnterDelay))},handleMouseLeave:function(){n.click||(n.enterTimer&&window.clearTimeout(n.enterTimer),n.timer=setTimeout((function(){n.hover=!1,window.clearTimeout(n.timer),o("leave",n.hover),o("toggle",n.hover)}),e.hoverLeaveDelay))},handleClick:function(){n.click=!n.click,n.hover=n.click,o("toggle",n.hover),o("toggle-click",n.hover)}}},render:function(){var e,o,n,l,s,r,d,c,h,v,u,f;return t.createVNode("div",{class:"bk-navigation"},["top-bottom"===this.navigationType&&t.createVNode("div",{class:"bk-navigation-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[t.createVNode(a,{sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),t.createVNode("div",{class:"header-right"},[null===(o=(e=this.$slots).header)||void 0===o?void 0:o.call(e)])]),t.createVNode("div",{class:"bk-navigation-wrapper"},[this.needMenu&&t.createVNode("div",{class:"navigation-nav",style:{width:this.nav.click?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px")}},[t.createVNode("div",{class:"nav-slider",onMouseenter:this.handleMouseOver,onMouseleave:this.handleMouseLeave,style:{width:this.nav.hover?"".concat(this.hoverWidth,"px"):"".concat(this.navWidth,"px"),borderRight:"top-bottom"!==this.navigationType?"none":"1px solid #DCDEE5"}},["top-bottom"!==this.navigationType&&t.createVNode(a,{style:{flexBasis:"".concat(this.headHeight,"px")},sideTitle:this.sideTitle},{default:this.$slots["side-header"],"side-icon":this.$slots["side-header"]?void 0:this.$slots["side-icon"]}),t.createVNode("div",{class:"nav-slider-list",style:{height:"calc(100vh - ".concat(+this.headHeight+56,"px)")}},[null===(l=(n=this.$slots).menu)||void 0===l?void 0:l.call(n)]),t.createVNode("div",{class:"nav-slider-footer"},[t.createVNode("div",{class:{"is-left":"top-bottom"!==this.navigationType,"footer-icon":!0},onClick:this.handleClick},[t.createVNode(i.CollapseLeft,{class:"footer-icon-svg",style:{transform:this.nav.click?"rotate(180deg)":"rotate(0deg)"}},null)])])])]),t.createVNode("div",{class:"navigation-container",style:{maxWidth:this.needMenu?"calc(100vw - 60px)":"100vw"}},["top-bottom"!==this.navigationType&&t.createVNode("div",{class:"container-header",style:{flexBasis:"".concat(this.headHeight,"px")}},[(null===(r=(s=this.$slots).header)||void 0===r?void 0:r.call(s))||[t.createVNode("div",{class:"container-header-title"},[this.headerTitle]),t.createVNode("div",{class:"container-header-sets"},[null===(c=(d=this.$slots)["header-set"])||void 0===c?void 0:c.call(d)])]]),t.createVNode("div",{class:"container-content",style:{maxHeight:"calc(100vh - ".concat(this.headHeight,"px)")}},[null===(v=(h=this.$slots).default)||void 0===v?void 0:v.call(h),t.createVNode("div",{class:"container-footer"},[null===(f=(u=this.$slots).footer)||void 0===f?void 0:f.call(u)])])])])])}});l.install=function(e){e.component(l.name,l)},e.default=l,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -0,0 +1,25 @@
1
+ import { PropType } from 'vue';
2
+ import { BkNavigationType } from './navigation';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ sideTitle: {
5
+ type: StringConstructor;
6
+ default: string;
7
+ };
8
+ navigationType: {
9
+ type: PropType<BkNavigationType>;
10
+ default: string;
11
+ };
12
+ }, () => 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<{
13
+ sideTitle: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ navigationType: {
18
+ type: PropType<BkNavigationType>;
19
+ default: string;
20
+ };
21
+ }>>, {
22
+ sideTitle: string;
23
+ navigationType: BkNavigationType;
24
+ }>;
25
+ export default _default;
@@ -0,0 +1,184 @@
1
+ .bk-navigation {
2
+ display: flex;
3
+ flex-direction: column;
4
+ width: 100%;
5
+ height: 100%;
6
+ }
7
+ .bk-navigation-title {
8
+ display: flex;
9
+ height: 100%;
10
+ padding: 0 16px;
11
+ overflow: hidden;
12
+ border-bottom: 1px solid rgba(255, 255, 255, 0.05);
13
+ align-items: center;
14
+ justify-content: flex-start;
15
+ flex: 0 0 260px;
16
+ }
17
+ .bk-navigation-title .title-icon {
18
+ display: flex;
19
+ font-size: 28px;
20
+ color: #768197;
21
+ flex: 0 0 28px;
22
+ align-items: center;
23
+ justify-content: center;
24
+ }
25
+ .bk-navigation-title .title-desc {
26
+ display: inline-block;
27
+ margin-left: 16px;
28
+ overflow: hidden;
29
+ font-size: 16px;
30
+ font-weight: bold;
31
+ line-height: 24px;
32
+ color: #96a2b9;
33
+ white-space: nowrap;
34
+ }
35
+ .bk-navigation-header {
36
+ flex: 0 0 52px;
37
+ display: flex;
38
+ align-items: center;
39
+ padding-right: 24px;
40
+ overflow: hidden;
41
+ background: #182132;
42
+ }
43
+ .bk-navigation-header .header-right {
44
+ display: flex;
45
+ height: 100%;
46
+ flex: 1;
47
+ align-items: center;
48
+ }
49
+ .bk-navigation-wrapper {
50
+ position: relative;
51
+ display: flex;
52
+ flex-direction: row;
53
+ flex: 1;
54
+ }
55
+ .bk-navigation-wrapper .navigation-nav {
56
+ position: relative;
57
+ z-index: 101;
58
+ display: flex;
59
+ width: 60px;
60
+ min-width: 0;
61
+ min-height: 0;
62
+ overflow: visible;
63
+ transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
64
+ flex: 0 1 auto;
65
+ flex-direction: column;
66
+ }
67
+ .bk-navigation-wrapper .navigation-nav:hover {
68
+ cursor: pointer;
69
+ }
70
+ .bk-navigation-wrapper .navigation-nav .nav-slider {
71
+ display: flex;
72
+ width: 60px;
73
+ height: 100%;
74
+ background-color: #182132;
75
+ transition: width cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
76
+ flex: 1;
77
+ flex-direction: column;
78
+ }
79
+ .bk-navigation-wrapper .navigation-nav .nav-slider-list {
80
+ max-height: calc(100vh - 100px);
81
+ padding: 12px 0 4px 0;
82
+ margin: 0;
83
+ overflow: auto;
84
+ flex: 1 1 auto;
85
+ }
86
+ .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar {
87
+ display: none;
88
+ width: 6px;
89
+ height: 5px;
90
+ }
91
+ .bk-navigation-wrapper .navigation-nav .nav-slider-list::-webkit-scrollbar:hover {
92
+ transform: none;
93
+ transition: opacity 340ms ease-out;
94
+ }
95
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer {
96
+ display: flex;
97
+ padding-left: 14px;
98
+ flex: 0 0 56px;
99
+ align-items: center;
100
+ justify-content: flex-start;
101
+ }
102
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon {
103
+ display: flex;
104
+ width: 32px;
105
+ height: 32px;
106
+ font-size: 14px;
107
+ color: #63656e;
108
+ border-radius: 100%;
109
+ align-items: center;
110
+ justify-content: center;
111
+ transform-origin: center center;
112
+ }
113
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon-svg {
114
+ display: flex;
115
+ width: 16px;
116
+ height: 16px;
117
+ font-size: 16px;
118
+ transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
119
+ align-items: center;
120
+ justify-content: center;
121
+ transform-origin: center center;
122
+ }
123
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left {
124
+ color: #96a2b9;
125
+ }
126
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon.is-left:hover {
127
+ color: #d3d9e4;
128
+ cursor: pointer;
129
+ background: linear-gradient(270deg, #253047 0%, #263247 100%);
130
+ }
131
+ .bk-navigation-wrapper .navigation-nav .nav-slider-footer .footer-icon:hover {
132
+ color: #3a3c42;
133
+ cursor: pointer;
134
+ background: linear-gradient(270deg, #dee0ea 0%, #eaecf2 100%);
135
+ }
136
+ .bk-navigation-wrapper .navigation-container {
137
+ position: relative;
138
+ display: flex;
139
+ max-width: calc(100vw - 60px);
140
+ min-width: 0;
141
+ min-height: 0;
142
+ flex: 1 1 1px;
143
+ flex-direction: column;
144
+ }
145
+ .bk-navigation-wrapper .navigation-container .container-header {
146
+ z-index: 100;
147
+ display: flex;
148
+ width: 100%;
149
+ height: 60px;
150
+ padding: 0 24px;
151
+ background: #fff;
152
+ border-bottom: 1px solid #dcdee5;
153
+ box-shadow: 0px 3px 4px 0px rgba(64, 112, 203, 0.06);
154
+ flex-basis: 60px;
155
+ flex-direction: row;
156
+ align-items: center;
157
+ justify-content: flex-end;
158
+ }
159
+ .bk-navigation-wrapper .navigation-container .container-header-title {
160
+ height: 21px;
161
+ font-size: 16px;
162
+ line-height: 21px;
163
+ color: #313238;
164
+ }
165
+ .bk-navigation-wrapper .navigation-container .container-header-sets {
166
+ display: flex;
167
+ flex: 1 1 auto;
168
+ align-items: center;
169
+ justify-content: flex-end;
170
+ }
171
+ .bk-navigation-wrapper .navigation-container .container-content {
172
+ max-height: calc(100vh - 60px);
173
+ padding: 20px 24px 0;
174
+ overflow: auto;
175
+ background: #f5f7fa;
176
+ flex: 1;
177
+ }
178
+ .bk-navigation-wrapper .navigation-container .container-footer {
179
+ display: flex;
180
+ flex: 0 0 auto;
181
+ flex-direction: row;
182
+ align-items: center;
183
+ justify-content: center;
184
+ }
@@ -0,0 +1,111 @@
1
+ import { PropType } from 'vue';
2
+ export declare type BkNavigationType = 'top-bottom' | 'left-right';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ navWidth: {
5
+ type: (NumberConstructor | StringConstructor)[];
6
+ default: number;
7
+ };
8
+ hoverWidth: {
9
+ type: (NumberConstructor | StringConstructor)[];
10
+ default: number;
11
+ };
12
+ sideTitle: {
13
+ type: StringConstructor;
14
+ default: string;
15
+ };
16
+ headerTitle: {
17
+ type: StringConstructor;
18
+ default: string;
19
+ };
20
+ hoverLeaveDelay: {
21
+ type: NumberConstructor;
22
+ default: number;
23
+ };
24
+ hoverEnterDelay: {
25
+ type: NumberConstructor;
26
+ default: number;
27
+ };
28
+ defaultOpen: BooleanConstructor;
29
+ headHeight: {
30
+ type: (NumberConstructor | StringConstructor)[];
31
+ default: number;
32
+ };
33
+ navigationType: {
34
+ type: PropType<BkNavigationType>;
35
+ default: string;
36
+ validator(v: BkNavigationType): boolean;
37
+ };
38
+ needMenu: {
39
+ type: BooleanConstructor;
40
+ default: boolean;
41
+ };
42
+ }, {
43
+ defaultHeaderTitle: import("vue").Ref<string>;
44
+ nav: {
45
+ click: boolean;
46
+ hover: boolean;
47
+ delay: boolean;
48
+ timer: any;
49
+ enterTimer: any;
50
+ };
51
+ onBeforeUnmount: (hook: () => any, target?: import("vue").ComponentInternalInstance) => false | Function;
52
+ handleMouseOver: () => void;
53
+ handleMouseLeave: () => void;
54
+ handleClick: () => void;
55
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "toggle" | "leave" | "toggle-click")[], "hover" | "toggle" | "leave" | "toggle-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
56
+ navWidth: {
57
+ type: (NumberConstructor | StringConstructor)[];
58
+ default: number;
59
+ };
60
+ hoverWidth: {
61
+ type: (NumberConstructor | StringConstructor)[];
62
+ default: number;
63
+ };
64
+ sideTitle: {
65
+ type: StringConstructor;
66
+ default: string;
67
+ };
68
+ headerTitle: {
69
+ type: StringConstructor;
70
+ default: string;
71
+ };
72
+ hoverLeaveDelay: {
73
+ type: NumberConstructor;
74
+ default: number;
75
+ };
76
+ hoverEnterDelay: {
77
+ type: NumberConstructor;
78
+ default: number;
79
+ };
80
+ defaultOpen: BooleanConstructor;
81
+ headHeight: {
82
+ type: (NumberConstructor | StringConstructor)[];
83
+ default: number;
84
+ };
85
+ navigationType: {
86
+ type: PropType<BkNavigationType>;
87
+ default: string;
88
+ validator(v: BkNavigationType): boolean;
89
+ };
90
+ needMenu: {
91
+ type: BooleanConstructor;
92
+ default: boolean;
93
+ };
94
+ }>> & {
95
+ onLeave?: (...args: any[]) => any;
96
+ onHover?: (...args: any[]) => any;
97
+ onToggle?: (...args: any[]) => any;
98
+ "onToggle-click"?: (...args: any[]) => any;
99
+ }, {
100
+ sideTitle: string;
101
+ navigationType: BkNavigationType;
102
+ navWidth: string | number;
103
+ hoverWidth: string | number;
104
+ headerTitle: string;
105
+ hoverLeaveDelay: number;
106
+ hoverEnterDelay: number;
107
+ defaultOpen: boolean;
108
+ headHeight: string | number;
109
+ needMenu: boolean;
110
+ }>;
111
+ export default _default;