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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (419) hide show
  1. package/README.md +25 -17
  2. package/README_EN.md +89 -0
  3. package/dist/bkui-vue.cjs.js +9736 -1174
  4. package/dist/bkui-vue.esm.js +9873 -1358
  5. package/dist/bkui-vue.umd.js +9736 -1174
  6. package/dist/style.css +3189 -166
  7. package/lib/alert/alert.d.ts +24 -15
  8. package/lib/alert/alert.variable.css +32 -0
  9. package/lib/alert/index.d.ts +180 -3
  10. package/lib/alert/index.js +1 -1
  11. package/lib/animate-number/animate-number.d.ts +12 -7
  12. package/lib/animate-number/index.d.ts +97 -2
  13. package/lib/animate-number/index.js +1 -1
  14. package/lib/backtop/backtop.d.ts +27 -13
  15. package/lib/backtop/backtop.variable.css +32 -0
  16. package/lib/backtop/index.d.ts +166 -2
  17. package/lib/backtop/index.js +1 -1
  18. package/lib/badge/badge.d.ts +40 -19
  19. package/lib/badge/badge.variable.css +32 -0
  20. package/lib/badge/index.d.ts +217 -2
  21. package/lib/badge/index.js +1 -1
  22. package/lib/breadcrumb/breadcrumb-item.d.ts +13 -9
  23. package/lib/breadcrumb/breadcrumb.css +10 -1
  24. package/lib/breadcrumb/breadcrumb.d.ts +37 -9
  25. package/lib/breadcrumb/breadcrumb.less +13 -2
  26. package/lib/breadcrumb/breadcrumb.variable.css +42 -1
  27. package/lib/breadcrumb/index.d.ts +144 -43
  28. package/lib/breadcrumb/index.js +1 -1
  29. package/lib/button/button-group.d.ts +3 -5
  30. package/lib/button/button.d.ts +35 -30
  31. package/lib/button/button.less +6 -6
  32. package/lib/button/button.variable.css +32 -0
  33. package/lib/button/index.d.ts +187 -3
  34. package/lib/button/index.js +1 -1
  35. package/lib/card/card.d.ts +30 -15
  36. package/lib/card/card.variable.css +32 -0
  37. package/lib/card/index.d.ts +187 -2
  38. package/lib/card/index.js +1 -1
  39. package/lib/checkbox/checkbox-group.d.ts +13 -9
  40. package/lib/checkbox/checkbox.d.ts +31 -22
  41. package/lib/checkbox/checkbox.variable.css +32 -0
  42. package/lib/checkbox/index.d.ts +261 -2
  43. package/lib/checkbox/index.js +1 -1
  44. package/lib/checkbox/type.d.ts +6 -5
  45. package/lib/collapse/collapse.css +8 -0
  46. package/lib/collapse/collapse.d.ts +50 -18
  47. package/lib/collapse/collapse.less +10 -0
  48. package/lib/collapse/collapse.variable.css +8 -0
  49. package/lib/collapse/index.d.ts +166 -2
  50. package/lib/collapse/index.js +1 -1
  51. package/lib/components.d.ts +37 -0
  52. package/lib/date-picker/date-picker.css +407 -0
  53. package/lib/date-picker/date-picker.d.ts +404 -0
  54. package/lib/date-picker/date-picker.less +526 -0
  55. package/lib/date-picker/date-picker.variable.css +500 -0
  56. package/lib/date-picker/fecha.d.ts +6 -0
  57. package/lib/date-picker/index.d.ts +713 -0
  58. package/lib/date-picker/index.js +1 -0
  59. package/lib/date-picker/interface.d.ts +22 -0
  60. package/lib/date-picker/utils.d.ts +97 -0
  61. package/lib/dialog/dialog.d.ts +57 -27
  62. package/lib/dialog/index.d.ts +286 -2
  63. package/lib/dialog/index.js +1 -1
  64. package/lib/directives/clickoutside.d.ts +23 -0
  65. package/lib/directives/index.d.ts +2 -0
  66. package/lib/directives/index.js +14 -14
  67. package/lib/directives/tooltips.d.ts +17 -0
  68. package/lib/divider/divider.css +38 -0
  69. package/lib/divider/divider.d.ts +48 -0
  70. package/lib/divider/divider.less +53 -0
  71. package/lib/divider/divider.variable.css +131 -0
  72. package/lib/divider/index.d.ts +142 -0
  73. package/lib/divider/index.js +1 -0
  74. package/lib/dropdown/dropdown-item.d.ts +19 -0
  75. package/lib/dropdown/dropdown-menu.d.ts +16 -0
  76. package/lib/dropdown/dropdown.css +43 -0
  77. package/lib/dropdown/dropdown.d.ts +61 -0
  78. package/lib/dropdown/dropdown.less +54 -0
  79. package/lib/dropdown/dropdown.variable.css +136 -0
  80. package/lib/dropdown/index.d.ts +192 -0
  81. package/lib/dropdown/index.js +1 -0
  82. package/lib/exception/exception.d.ts +11 -9
  83. package/lib/exception/exception.variable.css +32 -0
  84. package/lib/exception/index.d.ts +95 -1
  85. package/lib/exception/index.js +1 -1
  86. package/lib/fixed-navbar/fixed-navbar.d.ts +15 -9
  87. package/lib/fixed-navbar/fixed-navbar.variable.css +32 -0
  88. package/lib/fixed-navbar/index.d.ts +112 -2
  89. package/lib/fixed-navbar/index.js +1 -1
  90. package/lib/form/common.d.ts +3 -0
  91. package/lib/form/form-item.d.ts +159 -0
  92. package/lib/form/form.css +39 -0
  93. package/lib/form/form.d.ts +84 -0
  94. package/lib/form/form.less +50 -0
  95. package/lib/form/form.variable.css +39 -0
  96. package/lib/form/index.d.ts +286 -0
  97. package/lib/form/index.js +1 -0
  98. package/lib/form/type.d.ts +21 -0
  99. package/lib/form/validator.d.ts +8 -0
  100. package/lib/icon/angle-double-down-line.d.ts +4 -0
  101. package/lib/icon/angle-double-down-line.js +15 -0
  102. package/lib/icon/angle-double-left-line.d.ts +4 -0
  103. package/lib/icon/angle-double-left-line.js +15 -0
  104. package/lib/icon/angle-double-left.d.ts +4 -0
  105. package/lib/icon/angle-double-left.js +15 -0
  106. package/lib/icon/angle-double-right-line.d.ts +4 -0
  107. package/lib/icon/angle-double-right-line.js +15 -0
  108. package/lib/icon/angle-double-right.d.ts +4 -0
  109. package/lib/icon/angle-double-right.js +15 -0
  110. package/lib/icon/angle-double-up-line.d.ts +4 -0
  111. package/lib/icon/angle-double-up-line.js +15 -0
  112. package/lib/icon/angle-down-fill.d.ts +4 -0
  113. package/lib/icon/angle-down-fill.js +15 -0
  114. package/lib/icon/angle-down-line.d.ts +4 -0
  115. package/lib/icon/angle-down-line.js +15 -0
  116. package/lib/icon/angle-down.d.ts +4 -0
  117. package/lib/icon/angle-down.js +15 -0
  118. package/lib/icon/angle-left.d.ts +4 -0
  119. package/lib/icon/angle-left.js +15 -0
  120. package/lib/icon/angle-right.d.ts +4 -0
  121. package/lib/icon/angle-right.js +15 -0
  122. package/lib/icon/angle-up-fill.d.ts +4 -0
  123. package/lib/icon/angle-up-fill.js +15 -0
  124. package/lib/icon/angle-up.d.ts +4 -0
  125. package/lib/icon/angle-up.js +15 -0
  126. package/lib/icon/arrows-left.d.ts +4 -0
  127. package/lib/icon/arrows-left.js +15 -0
  128. package/lib/icon/arrows-right.d.ts +4 -0
  129. package/lib/icon/arrows-right.js +15 -0
  130. package/lib/icon/bk.d.ts +4 -0
  131. package/lib/icon/bk.js +15 -0
  132. package/lib/icon/circle.d.ts +4 -0
  133. package/lib/icon/circle.js +15 -0
  134. package/lib/icon/close.d.ts +4 -0
  135. package/lib/icon/close.js +15 -0
  136. package/lib/icon/code.d.ts +4 -0
  137. package/lib/icon/code.js +15 -0
  138. package/lib/icon/cog-shape.d.ts +4 -0
  139. package/lib/icon/cog-shape.js +15 -0
  140. package/lib/icon/collapse-left.d.ts +4 -0
  141. package/lib/icon/collapse-left.js +15 -0
  142. package/lib/icon/copy.d.ts +4 -0
  143. package/lib/icon/copy.js +15 -0
  144. package/lib/icon/done.d.ts +4 -0
  145. package/lib/icon/done.js +15 -0
  146. package/lib/icon/down-shape.d.ts +4 -0
  147. package/lib/icon/down-shape.js +15 -0
  148. package/lib/icon/down-small.d.ts +4 -0
  149. package/lib/icon/down-small.js +15 -0
  150. package/lib/icon/ellipsis.d.ts +4 -0
  151. package/lib/icon/ellipsis.js +15 -0
  152. package/lib/icon/error.d.ts +4 -0
  153. package/lib/icon/error.js +15 -0
  154. package/lib/icon/eye.d.ts +4 -0
  155. package/lib/icon/eye.js +15 -0
  156. package/lib/icon/folder-open.d.ts +4 -0
  157. package/lib/icon/folder-open.js +15 -0
  158. package/lib/icon/folder-shape-open.d.ts +4 -0
  159. package/lib/icon/folder-shape-open.js +15 -0
  160. package/lib/icon/folder-shape.d.ts +4 -0
  161. package/lib/icon/folder-shape.js +15 -0
  162. package/lib/icon/folder.d.ts +4 -0
  163. package/lib/icon/folder.js +15 -0
  164. package/lib/icon/help-document-fill.d.ts +4 -0
  165. package/lib/icon/help-document-fill.js +15 -0
  166. package/lib/icon/help-fill.d.ts +4 -0
  167. package/lib/icon/help-fill.js +15 -0
  168. package/lib/icon/help.d.ts +4 -0
  169. package/lib/icon/help.js +15 -0
  170. package/lib/icon/icon.d.ts +12 -0
  171. package/lib/icon/icon.js +15 -0
  172. package/lib/icon/index.d.ts +42 -0
  173. package/lib/icon/index.js +1 -1
  174. package/lib/icon/info-line.d.ts +4 -0
  175. package/lib/icon/info-line.js +15 -0
  176. package/lib/icon/info.d.ts +4 -0
  177. package/lib/icon/info.js +15 -0
  178. package/lib/icon/left-shape.d.ts +4 -0
  179. package/lib/icon/left-shape.js +15 -0
  180. package/lib/icon/play-shape.d.ts +4 -0
  181. package/lib/icon/play-shape.js +15 -0
  182. package/lib/icon/plus.d.ts +4 -0
  183. package/lib/icon/plus.js +15 -0
  184. package/lib/icon/qq.d.ts +4 -0
  185. package/lib/icon/qq.js +15 -0
  186. package/lib/icon/right-shape.d.ts +4 -0
  187. package/lib/icon/right-shape.js +15 -0
  188. package/lib/icon/search.d.ts +4 -0
  189. package/lib/icon/search.js +15 -0
  190. package/lib/icon/share.d.ts +4 -0
  191. package/lib/icon/share.js +15 -0
  192. package/lib/icon/spinner.d.ts +4 -0
  193. package/lib/icon/spinner.js +15 -0
  194. package/lib/icon/success.d.ts +4 -0
  195. package/lib/icon/success.js +15 -0
  196. package/lib/icon/switcher-loading.d.ts +4 -0
  197. package/lib/icon/switcher-loading.js +15 -0
  198. package/lib/icon/text-file.d.ts +4 -0
  199. package/lib/icon/text-file.js +15 -0
  200. package/lib/icon/tree-application-shape.d.ts +4 -0
  201. package/lib/icon/tree-application-shape.js +15 -0
  202. package/lib/icon/unvisible.d.ts +4 -0
  203. package/lib/icon/unvisible.js +15 -0
  204. package/lib/icon/up-shape.d.ts +4 -0
  205. package/lib/icon/up-shape.js +15 -0
  206. package/lib/icon/warn.d.ts +4 -0
  207. package/lib/icon/warn.js +15 -0
  208. package/lib/icon/weixin.d.ts +4 -0
  209. package/lib/icon/weixin.js +15 -0
  210. package/lib/index.d.ts +4 -0
  211. package/lib/input/index.d.ts +363 -2
  212. package/lib/input/index.js +2 -2
  213. package/lib/input/input.css +1 -0
  214. package/lib/input/input.d.ts +68 -46
  215. package/lib/input/input.less +4 -3
  216. package/lib/input/input.variable.css +33 -0
  217. package/lib/link/index.d.ts +164 -2
  218. package/lib/link/index.js +1 -1
  219. package/lib/link/link.d.ts +25 -13
  220. package/lib/link/link.variable.css +32 -0
  221. package/lib/loading/index.d.ts +124 -2
  222. package/lib/loading/index.js +1 -1
  223. package/lib/loading/loading.d.ts +26 -15
  224. package/lib/loading/loading.variable.css +32 -0
  225. package/lib/menu/index.d.ts +188 -0
  226. package/lib/menu/index.js +1 -0
  227. package/lib/menu/menu-group.d.ts +14 -0
  228. package/lib/menu/menu-item.d.ts +16 -0
  229. package/lib/menu/menu.css +182 -0
  230. package/lib/menu/menu.d.ts +64 -0
  231. package/lib/menu/menu.less +180 -0
  232. package/lib/menu/menu.variable.css +275 -0
  233. package/lib/menu/submenu.css +3 -0
  234. package/lib/menu/submenu.d.ts +22 -0
  235. package/lib/menu/submenu.less +5 -0
  236. package/lib/menu/submenu.variable.css +96 -0
  237. package/lib/menu/utils.d.ts +41 -0
  238. package/lib/message/index.d.ts +2 -0
  239. package/lib/message/index.js +1 -0
  240. package/lib/message/message.css +53 -0
  241. package/lib/message/message.less +61 -0
  242. package/lib/message/message.variable.css +146 -0
  243. package/lib/message/messageConstructor.d.ts +73 -0
  244. package/lib/modal/index.d.ts +214 -3
  245. package/lib/modal/index.js +1 -1
  246. package/lib/modal/modal.d.ts +33 -15
  247. package/lib/modal/props.mixin.d.ts +5 -1
  248. package/lib/navigation/index.d.ts +2 -0
  249. package/lib/navigation/index.js +1 -0
  250. package/lib/navigation/navigation-title.d.ts +25 -0
  251. package/lib/navigation/navigation.css +184 -0
  252. package/lib/navigation/navigation.d.ts +111 -0
  253. package/lib/navigation/navigation.less +210 -0
  254. package/lib/navigation/navigation.variable.css +277 -0
  255. package/lib/notify/index.d.ts +2 -0
  256. package/lib/notify/index.js +1 -0
  257. package/lib/notify/notify.css +49 -0
  258. package/lib/notify/notify.less +58 -0
  259. package/lib/notify/notify.variable.css +142 -0
  260. package/lib/notify/notifyConstructor.d.ts +91 -0
  261. package/lib/pagination/index.d.ts +395 -0
  262. package/lib/pagination/index.js +1 -0
  263. package/lib/pagination/pagination.css +179 -0
  264. package/lib/pagination/pagination.d.ts +220 -0
  265. package/lib/pagination/pagination.less +201 -0
  266. package/lib/pagination/pagination.variable.css +272 -0
  267. package/lib/pagination/type.d.ts +6 -0
  268. package/lib/pagination/use-limit.d.ts +8 -0
  269. package/lib/pagination/use-list.d.ts +8 -0
  270. package/lib/pagination/use-small-list.d.ts +5 -0
  271. package/lib/pagination/use-total.d.ts +5 -0
  272. package/lib/popover/index.d.ts +287 -27
  273. package/lib/popover/index.js +1 -1
  274. package/lib/popover/popover.css +23 -14
  275. package/lib/popover/popover.d.ts +74 -45
  276. package/lib/popover/popover.less +57 -46
  277. package/lib/popover/popover.variable.css +55 -14
  278. package/lib/popover/props.d.ts +77 -0
  279. package/lib/preset.d.ts +7 -0
  280. package/lib/process/index.d.ts +205 -0
  281. package/lib/process/index.js +15 -0
  282. package/lib/process/process.css +138 -0
  283. package/lib/process/process.d.ts +131 -0
  284. package/lib/process/process.less +178 -0
  285. package/lib/process/process.variable.css +231 -0
  286. package/lib/progress/index.d.ts +398 -2
  287. package/lib/progress/index.js +1 -1
  288. package/lib/progress/progress.css +0 -3
  289. package/lib/progress/progress.d.ts +88 -35
  290. package/lib/progress/progress.less +0 -4
  291. package/lib/progress/progress.variable.css +32 -3
  292. package/lib/radio/index.d.ts +277 -2
  293. package/lib/radio/index.js +1 -1
  294. package/lib/radio/radio-button.d.ts +24 -16
  295. package/lib/radio/radio-group.d.ts +11 -10
  296. package/lib/radio/radio.css +6 -0
  297. package/lib/radio/radio.d.ts +23 -13
  298. package/lib/radio/radio.less +7 -0
  299. package/lib/radio/radio.variable.css +38 -0
  300. package/lib/rate/index.d.ts +113 -2
  301. package/lib/rate/index.js +1 -1
  302. package/lib/rate/rate.d.ts +13 -10
  303. package/lib/rate/star.d.ts +33 -16
  304. package/lib/select/common.d.ts +13 -3
  305. package/lib/select/index.d.ts +962 -2
  306. package/lib/select/index.js +15 -1
  307. package/lib/select/option.d.ts +12 -19
  308. package/lib/select/optionGroup.d.ts +130 -0
  309. package/lib/select/select.css +130 -14
  310. package/lib/select/select.d.ts +152 -150
  311. package/lib/select/select.less +164 -26
  312. package/lib/select/select.variable.css +162 -14
  313. package/lib/shared/bk-helper-core.d.ts +6 -0
  314. package/lib/shared/bk-mask-manager.d.ts +32 -3
  315. package/lib/shared/bk-pop-manager.d.ts +8 -1
  316. package/lib/shared/bk-popover.d.ts +56 -5
  317. package/lib/shared/index.d.ts +24 -0
  318. package/lib/shared/index.js +1 -1
  319. package/lib/shared/utils.d.ts +6 -0
  320. package/lib/shared/vue-types.d.ts +3 -6
  321. package/lib/shared/z-index-manager.d.ts +6 -1
  322. package/lib/sideslider/index.d.ts +206 -2
  323. package/lib/sideslider/index.js +1 -1
  324. package/lib/sideslider/sideslider.d.ts +39 -18
  325. package/lib/sideslider/sideslider.variable.css +32 -0
  326. package/{index.d.ts → lib/slider/index.d.ts} +4 -5
  327. package/lib/slider/index.js +15 -0
  328. package/{commitlint.config.js → lib/slider/slider-button.d.ts} +50 -42
  329. package/lib/slider/slider.css +149 -0
  330. package/lib/slider/slider.d.ts +189 -0
  331. package/lib/slider/slider.less +179 -0
  332. package/lib/slider/slider.variable.css +242 -0
  333. package/lib/steps/index.d.ts +250 -0
  334. package/lib/steps/index.js +15 -0
  335. package/lib/steps/steps.css +288 -0
  336. package/lib/steps/steps.d.ts +161 -0
  337. package/lib/steps/steps.less +324 -0
  338. package/lib/steps/steps.variable.css +381 -0
  339. package/lib/styles/index.d.ts +43 -25
  340. package/lib/styles/index.js +1 -1
  341. package/lib/styles/mixins/popper.css +43 -0
  342. package/lib/styles/mixins/popper.less +52 -0
  343. package/lib/styles/mixins/popper.variable.css +43 -0
  344. package/lib/styles/mixins/size.less +9 -0
  345. package/lib/styles/reset.css +273 -0
  346. package/lib/styles/reset.less +313 -0
  347. package/lib/styles/reset.variable.css +273 -0
  348. package/lib/styles/themes/themes.less +52 -2
  349. package/lib/switcher/index.d.ts +286 -2
  350. package/lib/switcher/index.js +1 -1
  351. package/lib/switcher/switcher.css +149 -135
  352. package/lib/switcher/switcher.d.ts +48 -32
  353. package/lib/switcher/switcher.less +210 -154
  354. package/lib/switcher/switcher.variable.css +181 -135
  355. package/lib/tab/index.d.ts +552 -0
  356. package/lib/tab/index.js +1 -0
  357. package/lib/tab/tab-nav.d.ts +190 -0
  358. package/lib/tab/tab-panel.d.ts +48 -0
  359. package/lib/tab/tab.css +147 -0
  360. package/lib/tab/tab.d.ts +163 -0
  361. package/lib/tab/tab.less +221 -0
  362. package/lib/tab/tab.variable.css +240 -0
  363. package/lib/table/const.d.ts +4 -0
  364. package/lib/table/index.d.ts +259 -2
  365. package/lib/table/index.js +1 -1
  366. package/lib/table/props.d.ts +110 -0
  367. package/lib/table/render.d.ts +72 -0
  368. package/lib/table/table.css +83 -0
  369. package/lib/table/table.d.ts +75 -38
  370. package/lib/table/table.less +107 -1
  371. package/lib/table/table.variable.css +115 -0
  372. package/lib/table/utils.d.ts +69 -0
  373. package/lib/tag/index.d.ts +229 -2
  374. package/lib/tag/index.js +1 -1
  375. package/lib/tag/tag.css +91 -0
  376. package/lib/tag/tag.d.ts +83 -53
  377. package/lib/tag/tag.less +103 -2
  378. package/lib/tag/tag.variable.css +123 -0
  379. package/lib/timeline/index.d.ts +129 -0
  380. package/lib/timeline/index.js +1 -0
  381. package/lib/timeline/timeline.css +235 -0
  382. package/lib/timeline/timeline.d.ts +81 -0
  383. package/lib/timeline/timeline.less +239 -0
  384. package/lib/timeline/timeline.variable.css +328 -0
  385. package/{changelog.config.js → lib/transfer/index.d.ts} +2 -8
  386. package/lib/transfer/index.js +1 -0
  387. package/lib/transfer/transfer.css +158 -0
  388. package/lib/transfer/transfer.d.ts +185 -0
  389. package/lib/transfer/transfer.less +171 -0
  390. package/lib/transfer/transfer.variable.css +251 -0
  391. package/lib/tree/index.d.ts +254 -0
  392. package/lib/tree/index.js +1 -0
  393. package/lib/tree/props.d.ts +80 -0
  394. package/lib/tree/tree.css +44 -0
  395. package/lib/tree/tree.d.ts +98 -0
  396. package/lib/tree/tree.less +55 -0
  397. package/lib/tree/tree.variable.css +44 -0
  398. package/lib/tree/util.d.ts +57 -0
  399. package/lib/use-form.d.ts +3 -0
  400. package/lib/use-message.d.ts +2 -0
  401. package/lib/virtual-render/index.d.ts +556 -0
  402. package/lib/virtual-render/index.js +1 -0
  403. package/lib/virtual-render/props.d.ts +157 -0
  404. package/lib/virtual-render/v-virtual-render.d.ts +7 -0
  405. package/lib/virtual-render/virtual-render.css +40 -0
  406. package/lib/virtual-render/virtual-render.d.ts +244 -0
  407. package/lib/virtual-render/virtual-render.less +51 -0
  408. package/lib/virtual-render/virtual-render.variable.css +40 -0
  409. package/package.json +63 -48
  410. package/index.html +0 -40
  411. package/lib/checkbox-group/index.d.ts +0 -2
  412. package/lib/checkbox-group/index.js +0 -1
  413. package/lib/radio-button/index.d.ts +0 -2
  414. package/lib/radio-button/index.js +0 -1
  415. package/lib/radio-group/index.d.ts +0 -2
  416. package/lib/radio-group/index.js +0 -1
  417. package/lib/table/common.d.ts +0 -3
  418. package/lib/table/table-layout.d.ts +0 -14
  419. package/lib/table/type.d.ts +0 -12
@@ -0,0 +1,185 @@
1
+ /**
2
+ * Tencent is pleased to support the open source community by making
3
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
4
+ *
5
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company. All rights reserved.
6
+ *
7
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
8
+ *
9
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
10
+ *
11
+ * ---------------------------------------------------
12
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
13
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
14
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
15
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
16
+ *
17
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
18
+ * the Software.
19
+ *
20
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
21
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
22
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
23
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
24
+ * IN THE SOFTWARE.
25
+ */
26
+ import { ExtractPropTypes, PropType } from 'vue';
27
+ declare const transferProps: {
28
+ title: PropType<string[]>;
29
+ extCls: import("vue-types").VueTypeValidableDef<string> & {
30
+ default: string;
31
+ };
32
+ settingKey: import("vue-types").VueTypeValidableDef<string> & {
33
+ default: string;
34
+ };
35
+ displayKey: import("vue-types").VueTypeValidableDef<string> & {
36
+ default: string;
37
+ };
38
+ searchPlaceholder: import("vue-types").VueTypeValidableDef<string> & {
39
+ default: string;
40
+ };
41
+ showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
42
+ default: boolean;
43
+ };
44
+ searchable: import("vue-types").VueTypeValidableDef<boolean> & {
45
+ default: boolean;
46
+ };
47
+ sortKey: import("vue-types").VueTypeValidableDef<string> & {
48
+ default: string;
49
+ };
50
+ sortable: import("vue-types").VueTypeValidableDef<boolean> & {
51
+ default: boolean;
52
+ };
53
+ sourceList: ArrayConstructor;
54
+ targetList: ArrayConstructor;
55
+ emptyContent: PropType<string[]>;
56
+ };
57
+ export declare type TransferPropType = ExtractPropTypes<typeof transferProps>;
58
+ declare const _default: import("vue").DefineComponent<{
59
+ title: {
60
+ type: PropType<string[]>;
61
+ default: () => any[];
62
+ };
63
+ extCls: {
64
+ type: StringConstructor;
65
+ default: string;
66
+ };
67
+ searchPlaceholder: {
68
+ type: StringConstructor;
69
+ default: string;
70
+ };
71
+ settingKey: {
72
+ type: StringConstructor;
73
+ default: string;
74
+ };
75
+ displayKey: {
76
+ type: StringConstructor;
77
+ default: string;
78
+ };
79
+ sortKey: {
80
+ type: StringConstructor;
81
+ default: string;
82
+ };
83
+ showOverflowTips: {
84
+ type: BooleanConstructor;
85
+ default: boolean;
86
+ };
87
+ searchable: {
88
+ type: BooleanConstructor;
89
+ default: boolean;
90
+ };
91
+ sortable: {
92
+ type: BooleanConstructor;
93
+ default: boolean;
94
+ };
95
+ sourceList: {
96
+ type: ArrayConstructor;
97
+ default: () => any[];
98
+ };
99
+ targetList: {
100
+ type: ArrayConstructor;
101
+ default: () => any[];
102
+ };
103
+ emptyContent: {
104
+ type: PropType<string[]>;
105
+ default: () => any[];
106
+ };
107
+ }, {
108
+ keyword: import("vue").Ref<string>;
109
+ transferRef: any;
110
+ dataList: import("vue").Ref<any[]>;
111
+ allToRight: () => void;
112
+ allToLeft: () => void;
113
+ displayDataList: import("vue").ComputedRef<any[]>;
114
+ displayCode: import("vue").ComputedRef<string>;
115
+ leftHoverIndex: import("vue").Ref<number>;
116
+ rightHoverIndex: import("vue").Ref<number>;
117
+ handleItemMouseEvent: (type: any, event: any, isLeft: any, index: any) => void;
118
+ handleItemClick: (event: any, index: any, isLeft: any) => void;
119
+ hasSelectedList: import("vue").Ref<any[]>;
120
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
121
+ title: {
122
+ type: PropType<string[]>;
123
+ default: () => any[];
124
+ };
125
+ extCls: {
126
+ type: StringConstructor;
127
+ default: string;
128
+ };
129
+ searchPlaceholder: {
130
+ type: StringConstructor;
131
+ default: string;
132
+ };
133
+ settingKey: {
134
+ type: StringConstructor;
135
+ default: string;
136
+ };
137
+ displayKey: {
138
+ type: StringConstructor;
139
+ default: string;
140
+ };
141
+ sortKey: {
142
+ type: StringConstructor;
143
+ default: string;
144
+ };
145
+ showOverflowTips: {
146
+ type: BooleanConstructor;
147
+ default: boolean;
148
+ };
149
+ searchable: {
150
+ type: BooleanConstructor;
151
+ default: boolean;
152
+ };
153
+ sortable: {
154
+ type: BooleanConstructor;
155
+ default: boolean;
156
+ };
157
+ sourceList: {
158
+ type: ArrayConstructor;
159
+ default: () => any[];
160
+ };
161
+ targetList: {
162
+ type: ArrayConstructor;
163
+ default: () => any[];
164
+ };
165
+ emptyContent: {
166
+ type: PropType<string[]>;
167
+ default: () => any[];
168
+ };
169
+ }>> & {
170
+ onChange?: (...args: any[]) => any;
171
+ }, {
172
+ title: string[];
173
+ extCls: string;
174
+ displayKey: string;
175
+ sortable: boolean;
176
+ settingKey: string;
177
+ searchPlaceholder: string;
178
+ showOverflowTips: boolean;
179
+ searchable: boolean;
180
+ sortKey: string;
181
+ sourceList: unknown[];
182
+ targetList: unknown[];
183
+ emptyContent: string[];
184
+ }>;
185
+ export default _default;
@@ -0,0 +1,171 @@
1
+ @import '../styles/themes/themes.less';
2
+
3
+ /* 边框色 */
4
+ @borderInlineColor: #dde4eb;
5
+
6
+ /* 按钮、表单边框颜色、禁用时文本颜色 */
7
+ @newGreyColor: #c4c6cc;
8
+
9
+ /* 表格头部背景色、禁用底色 */
10
+ @newGreyColor2: #f0f1f5;
11
+
12
+ /* 大面积背景色 */
13
+ @newGreyColor3: #fafbfd;
14
+
15
+ /* 重点表示、强调、链接以及带有明确指示性 */
16
+ @newMainColor: #3a84ff;
17
+
18
+ /* 正常尺寸图标 */
19
+ @iconNormalSize: 22px;
20
+
21
+ .@{bk-prefix}-transfer {
22
+ position: relative;
23
+ display: flex;
24
+ font-size: 14px;
25
+ flex-direction: row;
26
+ justify-content: center;
27
+
28
+ .transfer {
29
+ position: absolute;
30
+ top: 50%;
31
+ left: 50%;
32
+ width: 30px;
33
+ height: 30px;
34
+ background: url('@bkui-vue/styles/images/transfer.png') no-repeat center center;
35
+ transform: translate(-50%, -50%);
36
+ }
37
+
38
+ .source-list,
39
+ .target-list {
40
+ height: 400px;
41
+ min-width: 200px;
42
+ overflow: hidden;
43
+ background-color: #fff;
44
+ border: 1px solid @borderInlineColor;
45
+ border-radius: 2px;
46
+ flex: 1;
47
+
48
+ .slot-header {
49
+ position: relative;
50
+ height: 43px;
51
+ padding: 0 20px;
52
+ line-height: 43px;
53
+ background-color: @newGreyColor3;
54
+ border-bottom: 1px solid @borderInlineColor;
55
+
56
+ .slot-content {
57
+ position: relative;
58
+ }
59
+ }
60
+
61
+ .header {
62
+ position: relative;
63
+ height: 43px;
64
+ padding: 0 20px;
65
+ line-height: 43px;
66
+ background-color: @newGreyColor3;
67
+ border-bottom: 1px solid @borderInlineColor;
68
+
69
+ span {
70
+ position: absolute;
71
+ right: 10px;
72
+ font-size: 12px;
73
+ color: @newMainColor;
74
+ cursor: pointer;
75
+
76
+ &.disabled {
77
+ color: @newGreyColor;
78
+ cursor: not-allowed;
79
+ }
80
+ }
81
+ }
82
+
83
+ .empty {
84
+ position: relative;
85
+ top: 40%;
86
+ width: 100%;
87
+ color: @newGreyColor;
88
+ text-align: center;
89
+ cursor: default;
90
+ }
91
+
92
+ .content {
93
+ position: relative;
94
+ max-height: calc(100% - 50px);
95
+ padding: 0;
96
+ margin: 6px 0;
97
+ overflow-y: auto;
98
+
99
+ &.is-search {
100
+ max-height: calc(100% - 86px);
101
+ }
102
+
103
+ li {
104
+ &.custom-item,
105
+ .item-content {
106
+ position: relative;
107
+ display: flex;
108
+ height: 40px;
109
+ padding: 0 20px;
110
+ line-height: 40px;
111
+ list-style: none;
112
+ cursor: pointer;
113
+ align-items: center;
114
+
115
+ &:hover {
116
+ color: @newMainColor;
117
+ background-color: #eef6fe;
118
+ }
119
+
120
+ .content-text {
121
+ overflow: hidden;
122
+ text-overflow: ellipsis;
123
+ white-space: nowrap;
124
+ flex: 1;
125
+ }
126
+
127
+ .icon-wrapper {
128
+ display: none;
129
+ flex: 22px 0 0;
130
+
131
+ &.hover {
132
+ display: inline-block;
133
+ }
134
+ }
135
+ }
136
+ }
137
+
138
+ &::-webkit-scrollbar {
139
+ width: 4px;
140
+ // background-color: color(transparent lightness(80%));
141
+ }
142
+
143
+ &::-webkit-scrollbar-thumb {
144
+ height: 5px;
145
+ background-color: #e6e9ea;
146
+ border-radius: 2px;
147
+ }
148
+
149
+ .bk-icon {
150
+ font-size: @iconNormalSize;
151
+ }
152
+ }
153
+ }
154
+
155
+ .target-list {
156
+ margin-left: 33px;
157
+ }
158
+
159
+ .transfer-search-input {
160
+ height: 36px;
161
+ line-height: 34px;
162
+ border: none;
163
+ border-bottom: 1px solid @newGreyColor2;
164
+ outline: none;
165
+
166
+ &.is-focused {
167
+ border-color: @newGreyColor2;
168
+ box-shadow: 0px 0px 3px 0px transparent;
169
+ }
170
+ }
171
+ }
@@ -0,0 +1,251 @@
1
+ :root {
2
+ --bk-prefix: bk;
3
+ --popover-max-height: 216px;
4
+ --primary-color: #3a84ff;
5
+ --success-color: #2dcb56;
6
+ --warning-color: #ff9c01;
7
+ --danger-color: #ea3636;
8
+ --default-color: #63656e;
9
+ --gray-color: #979ba5;
10
+ --light-gray: #c4c6cc;
11
+ --white-color: white;
12
+ --disable-color: #dcdee5;
13
+ --font-size-base: 12px;
14
+ --font-size-medium: 14px;
15
+ --font-size-large: 16px;
16
+ --line-height-base: 16px;
17
+ --line-height-medium: 16px;
18
+ --line-height-large: 18px;
19
+ --component-size-small: 26px;
20
+ --component-size-base: 32px;
21
+ --component-size-large: 38px;
22
+ --border-width-base: 1px;
23
+ --border-style-base: solid;
24
+ --border-radius-base: 2px;
25
+ --input-disabled-bg: #fafbfd;
26
+ --input-disabled-border: var(--disable-color);
27
+ --input-height-base: var(--component-size-base);
28
+ --input-color: var(--default-color);
29
+ --input-bg: white;
30
+ --input-border-color: var(--light-gray);
31
+ --input-broder-radius: 3px;
32
+ --input-shadow-color: #a3c5fd;
33
+ --input-horizontal-padding: 10px;
34
+ --input-block-color: #f4f6fa;
35
+ --input-icon-size: var(--font-size-large);
36
+ --input-maxlength-color: #979ba5;
37
+ --button-primary-hover-color: #5594fa;
38
+ --button-danger-hover-color: #ff5656;
39
+ --button-success-hover-color: #45e35f;
40
+ --button-warning-hover-color: #ffb848;
41
+ --button-default-hover-border-color: #979ba5;
42
+ --button-primary-active-color: #2c77f4;
43
+ --button-danger-active-color: #db2626;
44
+ --button-success-active-color: #1ab943;
45
+ --button-warning-active-color: #eb9000;
46
+ --fixed-navbar-background: #fff;
47
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
48
+ --switch-default-color: #fff;
49
+ --switch-grey-color: #c4c6cc;
50
+ --breadcrumb-black-color: #979ba5;
51
+ --breadcrumb-primary-hover-color: #0082ff;
52
+ --breadcrumb-fn-main-color: #63656e;
53
+ --link-default-hover-color: #979ba5;
54
+ --link-primary-hover-color: #699df4;
55
+ --link-success-hover-color: #45e35f;
56
+ --link-warning-hover-color: #ffb848;
57
+ --link-danger-hover-color: #ff5656;
58
+ --link-default-disabled-color: #dcdee5;
59
+ --link-primary-disabled-color: #a3c5fd;
60
+ --link-success-disabled-color: #94f5a4;
61
+ --link-warning-disabled-color: #ffd695;
62
+ --link-danger-disabled-color: #fd9c9c;
63
+ --message-color: var(--default-color);
64
+ --message-primary-bg-color: #f0f8ff;
65
+ --message-primary-border-color: #e1ecff;
66
+ --message-warning-bg-color: #fff4e2;
67
+ --message-warning-border-color: #ffe8c3;
68
+ --message-success-bg-color: #f2fff4;
69
+ --message-success-border-color: #dcffe2;
70
+ --message-danger-bg-color: #ffeded;
71
+ --message-danger-border-color: #ffdddd;
72
+ --slider-default-bg: #dcdee5;
73
+ --slider-disable-bar-bg: #979ba5;
74
+ --menu-bg-color: #182132;
75
+ --submenu-bg-color: #151d2c;
76
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
77
+ --menu-color: #96a2b9;
78
+ --menu-group-color: var(--default-color);
79
+ --menu-width: 260px;
80
+ --menu-collapse-width: 60px;
81
+ --menu-active-color: white;
82
+ --nav-header-bg-color: #182132;
83
+ --nav-bg-color: #182132;
84
+ --date-picker-disabled-bg: #fafbfd;
85
+ --date-picker-dropdown-mb: 4px;
86
+ --date-picker-dropdown-bg: #fff;
87
+ --table-bg-color: var(--white-color);
88
+ --table-border-color: #dcdee5;
89
+ --table-head-bg-color: #fafbfd;
90
+ --table-head-font-color: #313238;
91
+ --table-body-font-color: #575961;
92
+ --table-row-hover-bg-color: #f5f7fa;
93
+ }
94
+ /* 边框色 */
95
+ /* 按钮、表单边框颜色、禁用时文本颜色 */
96
+ /* 表格头部背景色、禁用底色 */
97
+ /* 大面积背景色 */
98
+ /* 重点表示、强调、链接以及带有明确指示性 */
99
+ /* 正常尺寸图标 */
100
+ .bk-transfer {
101
+ position: relative;
102
+ display: flex;
103
+ font-size: 14px;
104
+ flex-direction: row;
105
+ justify-content: center;
106
+ }
107
+ .bk-transfer .transfer {
108
+ position: absolute;
109
+ top: 50%;
110
+ left: 50%;
111
+ width: 30px;
112
+ height: 30px;
113
+ background: url('@bkui-vue/styles/images/transfer.png') no-repeat center center;
114
+ transform: translate(-50%, -50%);
115
+ }
116
+ .bk-transfer .source-list,
117
+ .bk-transfer .target-list {
118
+ height: 400px;
119
+ min-width: 200px;
120
+ overflow: hidden;
121
+ background-color: #fff;
122
+ border: 1px solid #dde4eb;
123
+ border-radius: 2px;
124
+ flex: 1;
125
+ }
126
+ .bk-transfer .source-list .slot-header,
127
+ .bk-transfer .target-list .slot-header {
128
+ position: relative;
129
+ height: 43px;
130
+ padding: 0 20px;
131
+ line-height: 43px;
132
+ background-color: #fafbfd;
133
+ border-bottom: 1px solid #dde4eb;
134
+ }
135
+ .bk-transfer .source-list .slot-header .slot-content,
136
+ .bk-transfer .target-list .slot-header .slot-content {
137
+ position: relative;
138
+ }
139
+ .bk-transfer .source-list .header,
140
+ .bk-transfer .target-list .header {
141
+ position: relative;
142
+ height: 43px;
143
+ padding: 0 20px;
144
+ line-height: 43px;
145
+ background-color: #fafbfd;
146
+ border-bottom: 1px solid #dde4eb;
147
+ }
148
+ .bk-transfer .source-list .header span,
149
+ .bk-transfer .target-list .header span {
150
+ position: absolute;
151
+ right: 10px;
152
+ font-size: 12px;
153
+ color: #3a84ff;
154
+ cursor: pointer;
155
+ }
156
+ .bk-transfer .source-list .header span.disabled,
157
+ .bk-transfer .target-list .header span.disabled {
158
+ color: #c4c6cc;
159
+ cursor: not-allowed;
160
+ }
161
+ .bk-transfer .source-list .empty,
162
+ .bk-transfer .target-list .empty {
163
+ position: relative;
164
+ top: 40%;
165
+ width: 100%;
166
+ color: #c4c6cc;
167
+ text-align: center;
168
+ cursor: default;
169
+ }
170
+ .bk-transfer .source-list .content,
171
+ .bk-transfer .target-list .content {
172
+ position: relative;
173
+ max-height: calc(100% - 50px);
174
+ padding: 0;
175
+ margin: 6px 0;
176
+ overflow-y: auto;
177
+ }
178
+ .bk-transfer .source-list .content.is-search,
179
+ .bk-transfer .target-list .content.is-search {
180
+ max-height: calc(100% - 86px);
181
+ }
182
+ .bk-transfer .source-list .content li.custom-item,
183
+ .bk-transfer .target-list .content li.custom-item,
184
+ .bk-transfer .source-list .content li .item-content,
185
+ .bk-transfer .target-list .content li .item-content {
186
+ position: relative;
187
+ display: flex;
188
+ height: 40px;
189
+ padding: 0 20px;
190
+ line-height: 40px;
191
+ list-style: none;
192
+ cursor: pointer;
193
+ align-items: center;
194
+ }
195
+ .bk-transfer .source-list .content li.custom-item:hover,
196
+ .bk-transfer .target-list .content li.custom-item:hover,
197
+ .bk-transfer .source-list .content li .item-content:hover,
198
+ .bk-transfer .target-list .content li .item-content:hover {
199
+ color: #3a84ff;
200
+ background-color: #eef6fe;
201
+ }
202
+ .bk-transfer .source-list .content li.custom-item .content-text,
203
+ .bk-transfer .target-list .content li.custom-item .content-text,
204
+ .bk-transfer .source-list .content li .item-content .content-text,
205
+ .bk-transfer .target-list .content li .item-content .content-text {
206
+ overflow: hidden;
207
+ text-overflow: ellipsis;
208
+ white-space: nowrap;
209
+ flex: 1;
210
+ }
211
+ .bk-transfer .source-list .content li.custom-item .icon-wrapper,
212
+ .bk-transfer .target-list .content li.custom-item .icon-wrapper,
213
+ .bk-transfer .source-list .content li .item-content .icon-wrapper,
214
+ .bk-transfer .target-list .content li .item-content .icon-wrapper {
215
+ display: none;
216
+ flex: 22px 0 0;
217
+ }
218
+ .bk-transfer .source-list .content li.custom-item .icon-wrapper.hover,
219
+ .bk-transfer .target-list .content li.custom-item .icon-wrapper.hover,
220
+ .bk-transfer .source-list .content li .item-content .icon-wrapper.hover,
221
+ .bk-transfer .target-list .content li .item-content .icon-wrapper.hover {
222
+ display: inline-block;
223
+ }
224
+ .bk-transfer .source-list .content::-webkit-scrollbar,
225
+ .bk-transfer .target-list .content::-webkit-scrollbar {
226
+ width: 4px;
227
+ }
228
+ .bk-transfer .source-list .content::-webkit-scrollbar-thumb,
229
+ .bk-transfer .target-list .content::-webkit-scrollbar-thumb {
230
+ height: 5px;
231
+ background-color: #e6e9ea;
232
+ border-radius: 2px;
233
+ }
234
+ .bk-transfer .source-list .content .bk-icon,
235
+ .bk-transfer .target-list .content .bk-icon {
236
+ font-size: 22px;
237
+ }
238
+ .bk-transfer .target-list {
239
+ margin-left: 33px;
240
+ }
241
+ .bk-transfer .transfer-search-input {
242
+ height: 36px;
243
+ line-height: 34px;
244
+ border: none;
245
+ border-bottom: 1px solid #f0f1f5;
246
+ outline: none;
247
+ }
248
+ .bk-transfer .transfer-search-input.is-focused {
249
+ border-color: #f0f1f5;
250
+ box-shadow: 0px 0px 3px 0px transparent;
251
+ }