bkui-vue 2.0.1-beta.10 → 2.0.1-beta.101

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 (396) hide show
  1. package/README.md +15 -0
  2. package/dist/index.cjs.js +73 -73
  3. package/dist/index.esm.js +28545 -27734
  4. package/dist/index.umd.js +73 -73
  5. package/dist/style.css +1 -1
  6. package/dist/style.variable.css +1 -1
  7. package/lib/affix/affix.css +130 -0
  8. package/lib/affix/affix.variable.css +262 -1
  9. package/lib/alert/alert.css +133 -3
  10. package/lib/alert/alert.d.ts +5 -12
  11. package/lib/alert/alert.variable.css +262 -1
  12. package/lib/alert/index.d.ts +11 -26
  13. package/lib/alert/index.js +6 -6
  14. package/lib/backtop/backtop.css +133 -3
  15. package/lib/backtop/backtop.variable.css +395 -4
  16. package/lib/badge/badge.css +156 -26
  17. package/lib/badge/badge.variable.css +262 -1
  18. package/lib/breadcrumb/breadcrumb.css +135 -5
  19. package/lib/breadcrumb/breadcrumb.variable.css +397 -6
  20. package/lib/button/button.css +417 -243
  21. package/lib/button/button.d.ts +7 -7
  22. package/lib/button/button.less +74 -71
  23. package/lib/button/button.variable.css +450 -145
  24. package/lib/button/index.d.ts +11 -11
  25. package/lib/button/index.js +0 -1
  26. package/lib/card/card.css +134 -4
  27. package/lib/card/card.variable.css +396 -5
  28. package/lib/cascader/cascader-panel.d.ts +5 -0
  29. package/lib/cascader/cascader.css +153 -23
  30. package/lib/cascader/cascader.d.ts +4 -0
  31. package/lib/cascader/cascader.variable.css +415 -24
  32. package/lib/cascader/index.d.ts +1 -0
  33. package/lib/cascader/index.js +79 -8
  34. package/lib/checkbox/checkbox-group.d.ts +0 -16
  35. package/lib/checkbox/checkbox.css +147 -9
  36. package/lib/checkbox/checkbox.d.ts +39 -7
  37. package/lib/checkbox/checkbox.less +12 -0
  38. package/lib/checkbox/checkbox.variable.css +270 -1
  39. package/lib/checkbox/index.d.ts +57 -22
  40. package/lib/checkbox/index.js +18 -5
  41. package/lib/code-diff/code-diff.css +130 -0
  42. package/lib/code-diff/code-diff.variable.css +262 -1
  43. package/lib/collapse/collapse-panel.d.ts +5 -5
  44. package/lib/collapse/collapse.css +131 -1
  45. package/lib/collapse/collapse.variable.css +262 -1
  46. package/lib/collapse/index.d.ts +5 -5
  47. package/lib/collapse/index.js +2 -0
  48. package/lib/collapse/props.d.ts +2 -2
  49. package/lib/collapse-transition/collapse-transition.css +130 -0
  50. package/lib/collapse-transition/collapse-transition.variable.css +262 -1
  51. package/lib/color-picker/color-picker.css +130 -0
  52. package/lib/color-picker/color-picker.d.ts +16 -0
  53. package/lib/color-picker/color-picker.variable.css +262 -1
  54. package/lib/color-picker/index.d.ts +23 -0
  55. package/lib/color-picker/index.js +8 -1
  56. package/lib/components.d.ts +0 -2
  57. package/lib/components.js +0 -2
  58. package/lib/config-provider/config-provider.css +130 -0
  59. package/lib/config-provider/config-provider.variable.css +262 -1
  60. package/lib/container/container.css +130 -0
  61. package/lib/container/container.variable.css +392 -1
  62. package/lib/container/index.js +0 -1
  63. package/lib/date-picker/date-picker.css +147 -17
  64. package/lib/date-picker/date-picker.d.ts +3 -11
  65. package/lib/date-picker/date-picker.variable.css +262 -1
  66. package/lib/date-picker/index.d.ts +10 -24
  67. package/lib/date-picker/index.js +70 -32
  68. package/lib/date-picker/panel/date-range.d.ts +4 -4
  69. package/lib/date-picker/panel/time-range.d.ts +0 -9
  70. package/lib/date-picker/panel/time.d.ts +1 -10
  71. package/lib/date-picker/props.d.ts +0 -4
  72. package/lib/date-picker/time-picker.d.ts +3 -10
  73. package/lib/dialog/dialog.css +138 -8
  74. package/lib/dialog/dialog.d.ts +34 -18
  75. package/lib/dialog/dialog.variable.css +400 -9
  76. package/lib/dialog/index.d.ts +72 -38
  77. package/lib/dialog/index.js +3 -1
  78. package/lib/dialog/props.d.ts +15 -8
  79. package/lib/directives/index.d.ts +1 -0
  80. package/lib/directives/index.js +32 -10
  81. package/lib/dist.index.js +2 -4
  82. package/lib/divider/divider.css +133 -3
  83. package/lib/divider/divider.variable.css +262 -1
  84. package/lib/dropdown/dropdown-item.d.ts +1 -1
  85. package/lib/dropdown/dropdown-menu.d.ts +1 -1
  86. package/lib/dropdown/dropdown.css +130 -0
  87. package/lib/dropdown/dropdown.d.ts +1 -1
  88. package/lib/dropdown/dropdown.variable.css +392 -1
  89. package/lib/dropdown/index.d.ts +4 -4
  90. package/lib/dropdown/index.js +3 -1
  91. package/lib/exception/exception.css +130 -0
  92. package/lib/exception/exception.variable.css +262 -1
  93. package/lib/fixed-navbar/fixed-navbar.css +134 -4
  94. package/lib/fixed-navbar/fixed-navbar.variable.css +262 -1
  95. package/lib/form/form-item.d.ts +7 -19
  96. package/lib/form/form.css +130 -0
  97. package/lib/form/form.variable.css +262 -1
  98. package/lib/form/index.d.ts +7 -14
  99. package/lib/form/index.js +8 -7
  100. package/lib/image/image-viewer.css +130 -0
  101. package/lib/image/image-viewer.variable.css +262 -1
  102. package/lib/image/image.css +130 -0
  103. package/lib/image/image.variable.css +392 -1
  104. package/lib/image/index.js +0 -1
  105. package/lib/index.d.ts +6 -0
  106. package/lib/index.js +2 -26
  107. package/lib/info-box/index.js +4 -5
  108. package/lib/info-box/info-box.css +134 -4
  109. package/lib/info-box/info-box.variable.css +262 -1
  110. package/lib/input/index.js +47 -500
  111. package/lib/input/input.css +225 -73
  112. package/lib/input/input.less +30 -1
  113. package/lib/input/input.variable.css +487 -74
  114. package/lib/link/index.d.ts +11 -11
  115. package/lib/link/link.css +146 -16
  116. package/lib/link/link.d.ts +5 -5
  117. package/lib/link/link.variable.css +262 -1
  118. package/lib/loading/index.d.ts +12 -11
  119. package/lib/loading/index.js +4 -2
  120. package/lib/loading/loading.css +146 -16
  121. package/lib/loading/loading.d.ts +5 -5
  122. package/lib/loading/loading.variable.css +408 -17
  123. package/lib/menu/index.d.ts +19 -0
  124. package/lib/menu/index.js +25 -4
  125. package/lib/menu/menu-group.d.ts +9 -0
  126. package/lib/menu/menu-item.d.ts +9 -0
  127. package/lib/menu/menu.css +176 -34
  128. package/lib/menu/menu.less +33 -18
  129. package/lib/menu/menu.variable.css +438 -35
  130. package/lib/menu/submenu.css +130 -0
  131. package/lib/menu/submenu.d.ts +1 -0
  132. package/lib/menu/submenu.variable.css +262 -1
  133. package/lib/message/message.css +153 -22
  134. package/lib/message/message.less +3 -2
  135. package/lib/message/message.variable.css +264 -2
  136. package/lib/message/messageConstructor.d.ts +5 -5
  137. package/lib/modal/index.d.ts +59 -18
  138. package/lib/modal/index.js +44 -23
  139. package/lib/modal/modal.css +134 -4
  140. package/lib/modal/modal.d.ts +23 -7
  141. package/lib/modal/modal.variable.css +396 -5
  142. package/lib/modal/props.mixin.d.ts +10 -3
  143. package/lib/navigation/navigation.css +132 -2
  144. package/lib/navigation/navigation.variable.css +262 -1
  145. package/lib/notify/notify.css +137 -7
  146. package/lib/notify/notify.variable.css +262 -1
  147. package/lib/notify/notifyConstructor.d.ts +5 -5
  148. package/lib/overflow-title/components/overflow-title.d.ts +26 -7
  149. package/lib/overflow-title/index.d.ts +52 -15
  150. package/lib/overflow-title/index.js +15 -8
  151. package/lib/overflow-title/props.d.ts +13 -3
  152. package/lib/pagination/index.d.ts +0 -19
  153. package/lib/pagination/index.js +62 -9
  154. package/lib/pagination/pagination.css +139 -9
  155. package/lib/pagination/pagination.d.ts +0 -13
  156. package/lib/pagination/pagination.less +14 -13
  157. package/lib/pagination/pagination.variable.css +270 -9
  158. package/lib/plugin-popover/index.js +17410 -56
  159. package/lib/pop-confirm/index.d.ts +19 -43
  160. package/lib/pop-confirm/index.js +34 -27
  161. package/lib/pop-confirm/pop-confirm.css +133 -1
  162. package/lib/pop-confirm/pop-confirm.d.ts +9 -19
  163. package/lib/pop-confirm/pop-confirm.less +3 -1
  164. package/lib/pop-confirm/pop-confirm.variable.css +265 -2
  165. package/lib/pop-confirm/props.d.ts +6 -9
  166. package/lib/popover/content.d.ts +5 -2
  167. package/lib/popover/index.d.ts +73 -3
  168. package/lib/popover/index.js +17410 -56
  169. package/lib/popover/popover.css +130 -0
  170. package/lib/popover/popover.d.ts +33 -1
  171. package/lib/popover/popover.variable.css +262 -1
  172. package/lib/popover/props.d.ts +16 -0
  173. package/lib/popover/use-floating.d.ts +2 -2
  174. package/lib/popover/use-popover-init.d.ts +3 -1
  175. package/lib/popover/utils.d.ts +2 -0
  176. package/lib/preset.d.ts +0 -1
  177. package/lib/preset.js +0 -1
  178. package/lib/process/process.css +143 -13
  179. package/lib/process/process.variable.css +262 -1
  180. package/lib/progress/index.d.ts +11 -11
  181. package/lib/progress/index.js +0 -1
  182. package/lib/progress/progress.css +134 -4
  183. package/lib/progress/progress.d.ts +7 -7
  184. package/lib/progress/progress.variable.css +396 -5
  185. package/lib/radio/index.d.ts +21 -21
  186. package/lib/radio/index.js +18 -7
  187. package/lib/radio/radio-button.d.ts +7 -7
  188. package/lib/radio/radio-group.d.ts +7 -7
  189. package/lib/radio/radio.css +172 -42
  190. package/lib/radio/radio.d.ts +7 -7
  191. package/lib/radio/radio.variable.css +262 -1
  192. package/lib/rate/rate.css +130 -0
  193. package/lib/rate/rate.variable.css +262 -1
  194. package/lib/resize-layout/index.d.ts +23 -0
  195. package/lib/resize-layout/index.js +26 -6
  196. package/lib/resize-layout/resize-layout.css +130 -0
  197. package/lib/resize-layout/resize-layout.d.ts +11 -0
  198. package/lib/resize-layout/resize-layout.variable.css +262 -1
  199. package/lib/scrollbar/css/scrollbar.css +239 -0
  200. package/lib/scrollbar/css/scrollbar.less +139 -0
  201. package/lib/scrollbar/css/scrollbar.variable.css +499 -0
  202. package/lib/scrollbar/handlers/click-rail.d.ts +2 -0
  203. package/lib/scrollbar/handlers/drag-thumb.d.ts +1 -0
  204. package/lib/scrollbar/handlers/keyboard.d.ts +2 -0
  205. package/lib/scrollbar/handlers/mouse-wheel.d.ts +2 -0
  206. package/lib/scrollbar/handlers/touch.d.ts +4 -0
  207. package/lib/scrollbar/helper/class-names.d.ts +21 -0
  208. package/lib/scrollbar/helper/css.d.ts +3 -0
  209. package/lib/scrollbar/helper/dom.d.ts +4 -0
  210. package/lib/scrollbar/helper/event-manager.d.ts +20 -0
  211. package/lib/scrollbar/helper/util.d.ts +11 -0
  212. package/lib/scrollbar/index.d.ts +133 -13
  213. package/lib/scrollbar/index.js +1332 -18433
  214. package/lib/scrollbar/process-scroll-diff.d.ts +1 -0
  215. package/lib/scrollbar/update-geometry.d.ts +8 -0
  216. package/lib/search-select/index.d.ts +106 -78
  217. package/lib/search-select/index.js +316 -158
  218. package/lib/search-select/input.d.ts +18 -6
  219. package/lib/search-select/menu.d.ts +12 -0
  220. package/lib/search-select/search-select.css +163 -35
  221. package/lib/search-select/search-select.d.ts +35 -43
  222. package/lib/search-select/search-select.less +2 -2
  223. package/lib/search-select/search-select.variable.css +425 -36
  224. package/lib/search-select/selected.d.ts +36 -9
  225. package/lib/search-select/utils.d.ts +3 -3
  226. package/lib/select/common.d.ts +4 -4
  227. package/lib/select/index.d.ts +247 -51
  228. package/lib/select/index.js +259 -136
  229. package/lib/select/option.d.ts +5 -5
  230. package/lib/select/select.css +175 -43
  231. package/lib/select/select.d.ts +102 -17
  232. package/lib/select/select.less +7 -4
  233. package/lib/select/select.variable.css +437 -44
  234. package/lib/select/selectTagInput.d.ts +6 -5
  235. package/lib/select/type.d.ts +9 -10
  236. package/lib/shared/frame-throttle.d.ts +15 -0
  237. package/lib/shared/index.d.ts +1 -0
  238. package/lib/shared/index.js +72 -1
  239. package/lib/shared/vue-types.d.ts +8 -8
  240. package/lib/sideslider/index.d.ts +49 -15
  241. package/lib/sideslider/index.js +1 -0
  242. package/lib/sideslider/sideslider.css +138 -9
  243. package/lib/sideslider/sideslider.d.ts +23 -7
  244. package/lib/sideslider/sideslider.less +7 -8
  245. package/lib/sideslider/sideslider.variable.css +269 -9
  246. package/lib/slider/slider.css +135 -5
  247. package/lib/slider/slider.variable.css +262 -1
  248. package/lib/steps/index.d.ts +14 -29
  249. package/lib/steps/index.js +0 -1
  250. package/lib/steps/steps.css +168 -38
  251. package/lib/steps/steps.d.ts +8 -18
  252. package/lib/steps/steps.variable.css +262 -1
  253. package/lib/styles/index.d.ts +1 -0
  254. package/lib/styles/mixins/animate.css +130 -0
  255. package/lib/styles/mixins/animate.variable.css +262 -1
  256. package/lib/styles/mixins/mixins.css +130 -0
  257. package/lib/styles/mixins/mixins.variable.css +130 -0
  258. package/lib/styles/mixins/popper.css +130 -0
  259. package/lib/styles/mixins/popper.variable.css +262 -1
  260. package/lib/styles/mixins/scroll.css +130 -0
  261. package/lib/styles/mixins/scroll.variable.css +262 -1
  262. package/lib/styles/reset.css +130 -0
  263. package/lib/styles/reset.variable.css +262 -1
  264. package/lib/{scrollbar/scrollbar.variable.css → styles/themes/themes.css} +2 -76
  265. package/lib/styles/themes/themes.less +299 -129
  266. package/lib/styles/themes/themes.variable.css +130 -0
  267. package/lib/swiper/swiper.css +130 -0
  268. package/lib/swiper/swiper.variable.css +262 -1
  269. package/lib/switcher/index.d.ts +11 -11
  270. package/lib/switcher/switcher.css +147 -17
  271. package/lib/switcher/switcher.d.ts +7 -7
  272. package/lib/switcher/switcher.variable.css +409 -18
  273. package/lib/tab/index.d.ts +27 -97
  274. package/lib/tab/index.js +47 -36
  275. package/lib/tab/props.d.ts +12 -37
  276. package/lib/tab/tab-nav.d.ts +16 -56
  277. package/lib/tab/tab-panel.d.ts +27 -5
  278. package/lib/tab/tab.css +211 -17
  279. package/lib/tab/tab.d.ts +0 -44
  280. package/lib/tab/tab.less +91 -4
  281. package/lib/tab/tab.variable.css +326 -1
  282. package/lib/table/components/ghost-body.d.ts +2 -0
  283. package/lib/table/components/table-cell.d.ts +22 -0
  284. package/lib/table/components/table-column.d.ts +1 -44
  285. package/lib/table/const.d.ts +15 -2
  286. package/lib/table/events.d.ts +2 -98
  287. package/lib/table/hooks/use-cell.d.ts +20 -0
  288. package/lib/table/hooks/use-checkbox-tooltip.d.ts +11 -0
  289. package/lib/table/hooks/use-column-resize.d.ts +7 -0
  290. package/lib/table/hooks/use-column-template.d.ts +5 -0
  291. package/lib/table/hooks/use-columns.d.ts +69 -0
  292. package/lib/table/{plugins → hooks}/use-draggable.d.ts +2 -2
  293. package/lib/table/hooks/use-fixed-column.d.ts +10 -0
  294. package/lib/table/hooks/use-head.d.ts +16 -0
  295. package/lib/table/hooks/use-layout.d.ts +25 -0
  296. package/lib/table/hooks/use-pagination.d.ts +16 -0
  297. package/lib/table/hooks/use-render.d.ts +21 -0
  298. package/lib/table/hooks/use-rows.d.ts +30 -0
  299. package/lib/table/hooks/use-settings.d.ts +138 -0
  300. package/lib/table/{plugins → hooks}/use-shift-key.d.ts +4 -2
  301. package/lib/table/index.d.ts +89 -561
  302. package/lib/table/index.js +4521 -3456
  303. package/lib/table/plugins/head-filter.css +135 -0
  304. package/lib/table/plugins/head-filter.d.ts +2 -1
  305. package/lib/table/plugins/head-filter.less +4 -0
  306. package/lib/table/plugins/head-filter.variable.css +267 -1
  307. package/lib/table/plugins/head-sort.css +130 -0
  308. package/lib/table/plugins/head-sort.variable.css +262 -1
  309. package/lib/table/plugins/settings.css +141 -1
  310. package/lib/table/plugins/settings.less +12 -1
  311. package/lib/table/plugins/settings.variable.css +273 -2
  312. package/lib/table/props.d.ts +95 -30
  313. package/lib/table/table.css +763 -432
  314. package/lib/table/table.d.ts +47 -181
  315. package/lib/table/table.less +244 -112
  316. package/lib/table/table.variable.css +1066 -474
  317. package/lib/table/utils.d.ts +41 -18
  318. package/lib/table-column/index.d.ts +3 -132
  319. package/lib/table-column/index.js +17367 -28
  320. package/lib/tag/index.d.ts +11 -11
  321. package/lib/tag/index.js +0 -1
  322. package/lib/tag/tag.css +136 -6
  323. package/lib/tag/tag.d.ts +5 -5
  324. package/lib/tag/tag.less +1 -1
  325. package/lib/tag/tag.variable.css +263 -2
  326. package/lib/tag-input/common.d.ts +1 -1
  327. package/lib/tag-input/index.d.ts +81 -3
  328. package/lib/tag-input/index.js +48 -24
  329. package/lib/tag-input/tag-input.css +157 -27
  330. package/lib/tag-input/tag-input.d.ts +41 -15
  331. package/lib/tag-input/tag-input.less +9 -9
  332. package/lib/tag-input/tag-input.variable.css +271 -10
  333. package/lib/tag-input/tag-props.d.ts +18 -0
  334. package/lib/time-picker/index.d.ts +10 -21
  335. package/lib/time-picker/time-picker.css +130 -0
  336. package/lib/time-picker/time-picker.variable.css +262 -1
  337. package/lib/timeline/timeline.css +149 -19
  338. package/lib/timeline/timeline.variable.css +262 -1
  339. package/lib/transfer/transfer.css +149 -19
  340. package/lib/transfer/transfer.variable.css +262 -1
  341. package/lib/tree/constant.d.ts +3 -1
  342. package/lib/tree/index.d.ts +21 -7
  343. package/lib/tree/index.js +66 -19
  344. package/lib/tree/props.d.ts +12 -5
  345. package/lib/tree/tree.css +242 -78
  346. package/lib/tree/tree.d.ts +11 -11
  347. package/lib/tree/tree.variable.css +504 -79
  348. package/lib/tree/use-node-action.d.ts +10 -9
  349. package/lib/tree/use-node-async.d.ts +2 -1
  350. package/lib/tree/use-node-attribute.d.ts +42 -34
  351. package/lib/tree/use-search.d.ts +1 -1
  352. package/lib/tree/use-tree-init.d.ts +8 -5
  353. package/lib/tree/util.d.ts +21 -21
  354. package/lib/upload/index.d.ts +52 -6
  355. package/lib/upload/index.js +109 -29
  356. package/lib/upload/props.d.ts +11 -2
  357. package/lib/upload/upload-list.d.ts +11 -1
  358. package/lib/upload/upload-trigger.d.ts +11 -1
  359. package/lib/upload/upload.css +157 -27
  360. package/lib/upload/upload.d.ts +24 -3
  361. package/lib/upload/upload.type.d.ts +6 -0
  362. package/lib/upload/upload.variable.css +419 -28
  363. package/lib/virtual-render/index.d.ts +12 -46
  364. package/lib/virtual-render/index.js +17468 -148
  365. package/lib/virtual-render/props.d.ts +2 -9
  366. package/lib/virtual-render/use-fix-top.d.ts +1 -1
  367. package/lib/virtual-render/use-scrollbar.d.ts +4 -17
  368. package/lib/virtual-render/v-virtual-render.d.ts +7 -1
  369. package/lib/virtual-render/virtual-render.css +225 -69
  370. package/lib/virtual-render/virtual-render.d.ts +6 -22
  371. package/lib/virtual-render/virtual-render.less +2 -11
  372. package/lib/virtual-render/virtual-render.variable.css +487 -70
  373. package/lib/volar.components.d.ts +2 -0
  374. package/package.json +6 -8
  375. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  376. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  377. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -241
  378. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  379. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  380. package/lib/scrollbar/scrollbar.css +0 -75
  381. package/lib/scrollbar/scrollbar.less +0 -94
  382. package/lib/table/plugins/col-group.d.ts +0 -38
  383. package/lib/table/plugins/settings.d.ts +0 -16
  384. package/lib/table/plugins/use-active-columns.d.ts +0 -16
  385. package/lib/table/plugins/use-column-resize.d.ts +0 -35
  386. package/lib/table/plugins/use-column-template.d.ts +0 -7
  387. package/lib/table/plugins/use-fixed-column.d.ts +0 -27
  388. package/lib/table/plugins/use-head-cell.d.ts +0 -7
  389. package/lib/table/plugins/use-pagination.d.ts +0 -23
  390. package/lib/table/use-attributes.d.ts +0 -62
  391. package/lib/table/use-column.d.ts +0 -155
  392. package/lib/table/use-common.d.ts +0 -1679
  393. package/lib/table/use-render.d.ts +0 -11
  394. /package/lib/table/{plugins → components}/body-empty.d.ts +0 -0
  395. /package/lib/table/{plugins → hooks}/use-observer-resize.d.ts +0 -0
  396. /package/lib/table/{plugins → hooks}/use-scroll-loading.d.ts +0 -0
@@ -1,3 +1,133 @@
1
+ :root {
2
+ --bk-prefix: bk;
3
+ --popover-max-height: 216px;
4
+ --primary-color: #3a84ff;
5
+ --success-color: #2dcb56;
6
+ --warning-color: #ff9c01;
7
+ --danger-color: #ea3636;
8
+ --default-color: #63656e;
9
+ --gray-color: #979ba5;
10
+ --light-gray: #c4c6cc;
11
+ --white-color: white;
12
+ --whitesmoke-color: #fafbfd;
13
+ --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
15
+ --border-color: #dcdee5;
16
+ --font-size-base: 12px;
17
+ --font-size-medium: 14px;
18
+ --font-size-large: 16px;
19
+ --line-height-base: 16px;
20
+ --line-height-medium: 16px;
21
+ --line-height-large: 18px;
22
+ --component-size-small: 26px;
23
+ --component-size-base: 32px;
24
+ --component-size-large: 40px;
25
+ --component-size-small-padding: 0 12px;
26
+ --component-size-base-padding: 0 14px;
27
+ --component-size-large-padding: 0 16px;
28
+ --border-width-base: 1px;
29
+ --border-style-base: solid;
30
+ --border-radius-base: 2px;
31
+ --border-style-color: var(--light-gray);
32
+ --input-disabled-bg: #fafbfd;
33
+ --input-disabled-border: var(--disable-color);
34
+ --input-height-base: var(--component-size-base);
35
+ --input-color: var(--default-color);
36
+ --input-bg: white;
37
+ --input-border-color: var(--light-gray);
38
+ --input-broder-radius: 3px;
39
+ --input-shadow-color: #a3c5fd;
40
+ --input-horizontal-padding: 8px;
41
+ --input-block-color: #f5f7fa;
42
+ --input-block-hover-color: #eaebf0;
43
+ --input-icon-size: var(--font-size-medium);
44
+ --input-maxlength-color: #979ba5;
45
+ --button-primary-hover-color: #5594fa;
46
+ --button-danger-hover-color: #ff5656;
47
+ --button-success-hover-color: #45e35f;
48
+ --button-warning-hover-color: #ffb848;
49
+ --button-default-hover-border-color: #979ba5;
50
+ --button-primary-active-color: #2c77f4;
51
+ --button-danger-active-color: #db2626;
52
+ --button-success-active-color: #1ab943;
53
+ --button-warning-active-color: #eb9000;
54
+ --button-selected-bg-color: #e1ecff;
55
+ --button-disabled-selected-bg-color: #f0f1f5;
56
+ --radio-font-color: #63656e;
57
+ --radio-active-color: #3a84ff;
58
+ --radio-hover-border-color: #979ba5;
59
+ --radio-disabled-border: #dcdee5;
60
+ --radio-disabled-font-color: #c4c6cc;
61
+ --radio-disabled-checked-bg: #a3c5fd;
62
+ --radio-button-checked-bg: #e1ecff;
63
+ --radio-button-disabled-checked-bg: #fafbfd;
64
+ --checkbox-disabled-checked-bg: #a3c5fd;
65
+ --fixed-navbar-background: #fff;
66
+ --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
67
+ --switch-default-color: #fff;
68
+ --switch-grey-color: #c4c6cc;
69
+ --breadcrumb-black-color: #979ba5;
70
+ --breadcrumb-primary-hover-color: #0082ff;
71
+ --breadcrumb-fn-main-color: #63656e;
72
+ --link-default-hover-color: #979ba5;
73
+ --link-primary-hover-color: #699df4;
74
+ --link-success-hover-color: #45e35f;
75
+ --link-warning-hover-color: #ffb848;
76
+ --link-danger-hover-color: #ff5656;
77
+ --link-default-disabled-color: #dcdee5;
78
+ --link-primary-disabled-color: #a3c5fd;
79
+ --link-success-disabled-color: #94f5a4;
80
+ --link-warning-disabled-color: #ffd695;
81
+ --link-danger-disabled-color: #fd9c9c;
82
+ --message-color: var(--default-color);
83
+ --message-primary-bg-color: #f0f8ff;
84
+ --message-primary-border-color: #e1ecff;
85
+ --message-primary-shadow-color: #e1e8f4;
86
+ --message-warning-bg-color: #fff4e2;
87
+ --message-warning-border-color: #ffe8c3;
88
+ --message-warning-shadow-color: #ede6db;
89
+ --message-success-bg-color: #f2fff4;
90
+ --message-success-border-color: #dcffe2;
91
+ --message-success-shadow-color: #cef0d7;
92
+ --message-danger-bg-color: #ffeded;
93
+ --message-danger-border-color: #ffdddd;
94
+ --message-danger-shadow-color: #f6dada;
95
+ --slider-default-bg: #dcdee5;
96
+ --slider-disable-bar-bg: #979ba5;
97
+ --menu-bg-color: #182132;
98
+ --submenu-bg-color: #151d2c;
99
+ --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
100
+ --menu-color: #96a2b9;
101
+ --menu-group-color: var(--default-color);
102
+ --menu-width: 260px;
103
+ --menu-collapse-width: 60px;
104
+ --menu-active-color: white;
105
+ --nav-header-bg-color: #182132;
106
+ --nav-bg-color: #182132;
107
+ --date-picker-disabled-bg: #fafbfd;
108
+ --date-picker-dropdown-mb: 4px;
109
+ --date-picker-dropdown-bg: #fff;
110
+ --table-bg-color: var(--white-color);
111
+ --table-border-color: #dcdee5;
112
+ --table-strip-color: #fafbfd;
113
+ --table-head-bg-color: #fafbfd;
114
+ --table-head-font-color: #313238;
115
+ --table-body-font-color: #63656e;
116
+ --table-row-hover-bg-color: #f5f7fa;
117
+ --table-row-active-bg-color: #f0f1f5;
118
+ --cascader-panel-border-color: #dcdee5;
119
+ --cascader-panel-hover: #f5f7fa;
120
+ --cascader-panel-active: #e1ecff;
121
+ --cascader-panel-disabled-bg: #fff;
122
+ --search-select-focus-border-color: var(--primary-color);
123
+ --search-select-focus-color: #3c96ff;
124
+ --search-select-font-color: var(--default-color);
125
+ --search-select-placeholder-color: var(--light-gray);
126
+ --search-select-message-color: var(--danger-color);
127
+ --search-select-menu-border-color: var(--disable-color);
128
+ --select-active-color: #e1ecff;
129
+ --select-hover-color: #f5f7fa;
130
+ }
1
131
  .bk-tag-input {
2
132
  position: relative;
3
133
  min-height: 32px;
@@ -5,43 +135,43 @@
5
135
  .bk-tag-input .bk-tag-input-trigger {
6
136
  position: relative;
7
137
  display: flex;
138
+ align-items: center;
139
+ justify-content: space-between;
8
140
  min-height: 32px;
9
141
  padding: 0 0 0 5px;
10
142
  overflow: hidden;
11
143
  font-size: 12px;
12
144
  cursor: pointer;
13
- background: white;
14
- border: 1px solid #c4c6cc;
145
+ background: var(--white-color);
146
+ border: 1px solid var(--light-gray);
15
147
  border-radius: 2px;
16
- align-items: center;
17
- justify-content: space-between;
18
148
  }
19
149
  .bk-tag-input .bk-tag-input-trigger.active {
20
- border-color: #3a84ff;
150
+ border-color: var(--primary-color);
21
151
  }
22
152
  .bk-tag-input .bk-tag-input-trigger.disabled {
23
153
  cursor: not-allowed;
24
154
  background: #fafbfd;
25
- border-color: #dcdee5;
155
+ border-color: var(--disable-color);
26
156
  }
27
157
  .bk-tag-input .bk-tag-input-trigger .tag-list {
28
158
  display: inline-flex;
159
+ flex-wrap: wrap;
160
+ align-items: center;
29
161
  max-height: 135px;
30
162
  padding: 0;
31
163
  margin: 0;
32
164
  overflow: auto;
33
- align-items: center;
34
- flex-wrap: wrap;
35
165
  }
36
166
  .bk-tag-input .bk-tag-input-trigger .tag-list > li {
37
167
  display: inline-flex;
168
+ align-items: center;
38
169
  height: 22px;
39
170
  margin: 4px 5px 4px 0;
40
171
  overflow: hidden;
41
172
  font-size: 12px;
42
173
  border: solid 1px transparent;
43
174
  border-radius: 2px;
44
- align-items: center;
45
175
  }
46
176
  .bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
47
177
  background: #f0f1f5;
@@ -54,32 +184,32 @@
54
184
  line-height: 0;
55
185
  }
56
186
  .bk-tag-input .bk-tag-input-trigger .tag-list .tag {
187
+ flex: 1;
57
188
  max-width: 190px;
58
189
  overflow: hidden;
59
190
  text-overflow: ellipsis;
60
191
  word-break: break-all;
61
192
  white-space: nowrap;
62
- flex: 1;
63
193
  }
64
194
  .bk-tag-input .bk-tag-input-trigger .tag-list .text {
195
+ box-sizing: border-box;
65
196
  padding: 0 5px;
66
197
  line-height: 20px;
67
- color: #63656e;
198
+ color: var(--default-color);
68
199
  background-color: #f0f1f5;
69
200
  border-radius: 2px;
70
- box-sizing: border-box;
71
201
  }
72
202
  .bk-tag-input .bk-tag-input-trigger .tag-list .text:hover {
73
203
  background-color: #dcdee5;
74
204
  }
75
205
  .bk-tag-input .bk-tag-input-trigger .tag-list .tag-input {
206
+ box-sizing: border-box;
76
207
  width: 10px;
77
- height: 22px;
78
208
  max-width: 295px;
209
+ height: 22px;
79
210
  padding: 0;
80
211
  border: 0;
81
212
  outline: none;
82
- box-sizing: border-box;
83
213
  }
84
214
  .bk-tag-input .bk-tag-input-trigger .placeholder {
85
215
  position: absolute;
@@ -91,7 +221,7 @@
91
221
  margin: 0;
92
222
  overflow: hidden;
93
223
  line-height: 30px;
94
- color: #c4c6cc;
224
+ color: var(--light-gray);
95
225
  text-overflow: ellipsis;
96
226
  white-space: nowrap;
97
227
  }
@@ -99,11 +229,11 @@
99
229
  margin-right: 5px;
100
230
  font-size: 14px;
101
231
  line-height: 0;
102
- color: #c4c6cc;
232
+ color: var(--light-gray);
103
233
  cursor: pointer;
104
234
  }
105
235
  .bk-tag-input .bk-tag-input-trigger .clear-icon:hover {
106
- color: #979ba5;
236
+ color: var(--gray-color);
107
237
  }
108
238
  .bk-tag-input-popover-content.bk-popover {
109
239
  padding: 0 !important;
@@ -118,7 +248,7 @@
118
248
  margin: 0;
119
249
  overflow-y: auto;
120
250
  list-style: none;
121
- background-color: white;
251
+ background-color: var(--white-color);
122
252
  border: 1px solid #dcdee5;
123
253
  border-radius: 2px;
124
254
  }
@@ -149,15 +279,15 @@
149
279
  position: relative;
150
280
  width: 100%;
151
281
  cursor: pointer;
152
- background-color: white;
153
- border-right: #c4c6cc;
154
- border-left: #c4c6cc;
282
+ background-color: var(--white-color);
283
+ border-right: var(--light-gray);
284
+ border-left: var(--light-gray);
155
285
  }
156
286
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:first-child {
157
- border-top: #c4c6cc;
287
+ border-top: var(--light-gray);
158
288
  }
159
289
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item:last-child {
160
- border-bottom: #c4c6cc;
290
+ border-bottom: var(--light-gray);
161
291
  }
162
292
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.bk-selector-selected {
163
293
  background-color: #f4f6fa;
@@ -173,10 +303,10 @@
173
303
  }
174
304
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.disabled {
175
305
  cursor: not-allowed;
176
- background: white;
306
+ background: var(--white-color);
177
307
  }
178
308
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.disabled .text {
179
- color: #c4c6cc;
309
+ color: var(--light-gray);
180
310
  }
181
311
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item.loading {
182
312
  padding: 5px 0 3px;
@@ -194,7 +324,7 @@
194
324
  overflow: hidden;
195
325
  font-size: 12px;
196
326
  line-height: 32px;
197
- color: #63656e;
327
+ color: var(--default-color);
198
328
  text-overflow: ellipsis;
199
329
  white-space: nowrap;
200
330
  }
@@ -209,5 +339,5 @@
209
339
  margin-right: 14px;
210
340
  }
211
341
  .bk-tag-input-popover-content .bk-selector-list .bk-selector-list-item .highlight-text {
212
- color: #3a84ff;
342
+ color: var(--primary-color);
213
343
  }
@@ -61,6 +61,11 @@ declare const _default: import("vue").DefineComponent<{
61
61
  } & {
62
62
  default: boolean;
63
63
  };
64
+ clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
65
+ default: boolean;
66
+ } & {
67
+ default: boolean;
68
+ };
64
69
  maxData: import("vue-types").VueTypeValidableDef<number> & {
65
70
  default: number;
66
71
  } & {
@@ -155,6 +160,11 @@ declare const _default: import("vue").DefineComponent<{
155
160
  } & {
156
161
  default: boolean;
157
162
  };
163
+ clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
164
+ default: boolean;
165
+ } & {
166
+ default: boolean;
167
+ };
158
168
  width: import("vue-types").VueTypeDef<string | number> & {
159
169
  default: string | number;
160
170
  };
@@ -170,6 +180,9 @@ declare const _default: import("vue").DefineComponent<{
170
180
  content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
171
181
  default: string | number | (() => HTMLElement) | (() => JSX.Element);
172
182
  };
183
+ renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
184
+ default: "if" | "show";
185
+ };
173
186
  target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
174
187
  allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
175
188
  default: boolean;
@@ -256,6 +269,11 @@ declare const _default: import("vue").DefineComponent<{
256
269
  } & {
257
270
  default: string;
258
271
  };
272
+ referenceCls: import("vue-types").VueTypeValidableDef<string> & {
273
+ default: string;
274
+ } & {
275
+ default: string;
276
+ };
259
277
  componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
260
278
  default: number;
261
279
  } & {
@@ -274,13 +292,7 @@ declare const _default: import("vue").DefineComponent<{
274
292
  default: boolean;
275
293
  };
276
294
  tagOverflowTips: {
277
- type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
278
- * 不显示条件:
279
- * 1. 设置不可清除
280
- * 2. 禁用时
281
- * 3. tag标签为空时
282
- * 4. 设置了showClearOnlyHover,且没有hover的时候
283
- */
295
+ type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
284
296
  default: () => {};
285
297
  };
286
298
  }, {
@@ -294,6 +306,7 @@ declare const _default: import("vue").DefineComponent<{
294
306
  bkTagSelectorRef: Ref<any>;
295
307
  tagListRef: Ref<any>;
296
308
  tagInputItemRef: Ref<any>;
309
+ inputValueRef: Ref<HTMLElement>;
297
310
  selectorListRef: Ref<any>;
298
311
  triggerClass: import("vue").ComputedRef<{
299
312
  [x: string]: boolean;
@@ -315,7 +328,7 @@ declare const _default: import("vue").DefineComponent<{
315
328
  handleClear: (e: MouseEvent) => void;
316
329
  tagFocus: (e: MouseEvent) => void;
317
330
  handleKeydown: (e: KeyboardEvent) => void;
318
- handlePaste: (e: ClipboardEvent) => boolean;
331
+ handlePaste: (e: ClipboardEvent) => void;
319
332
  resolveClassName: (cls: string) => string;
320
333
  curPage: Ref<number>;
321
334
  totalSize: Ref<number>;
@@ -401,6 +414,11 @@ declare const _default: import("vue").DefineComponent<{
401
414
  } & {
402
415
  default: boolean;
403
416
  };
417
+ clearTextSpace: import("vue-types").VueTypeValidableDef<boolean> & {
418
+ default: boolean;
419
+ } & {
420
+ default: boolean;
421
+ };
404
422
  maxData: import("vue-types").VueTypeValidableDef<number> & {
405
423
  default: number;
406
424
  } & {
@@ -495,6 +513,11 @@ declare const _default: import("vue").DefineComponent<{
495
513
  } & {
496
514
  default: boolean;
497
515
  };
516
+ clickContentAutoHide: import("vue-types").VueTypeValidableDef<boolean> & {
517
+ default: boolean;
518
+ } & {
519
+ default: boolean;
520
+ };
498
521
  width: import("vue-types").VueTypeDef<string | number> & {
499
522
  default: string | number;
500
523
  };
@@ -510,6 +533,9 @@ declare const _default: import("vue").DefineComponent<{
510
533
  content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
511
534
  default: string | number | (() => HTMLElement) | (() => JSX.Element);
512
535
  };
536
+ renderDirective: import("vue-types").VueTypeValidableDef<"if" | "show"> & {
537
+ default: "if" | "show";
538
+ };
513
539
  target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
514
540
  allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
515
541
  default: boolean;
@@ -596,6 +622,11 @@ declare const _default: import("vue").DefineComponent<{
596
622
  } & {
597
623
  default: string;
598
624
  };
625
+ referenceCls: import("vue-types").VueTypeValidableDef<string> & {
626
+ default: string;
627
+ } & {
628
+ default: string;
629
+ };
599
630
  componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
600
631
  default: number;
601
632
  } & {
@@ -614,13 +645,7 @@ declare const _default: import("vue").DefineComponent<{
614
645
  default: boolean;
615
646
  };
616
647
  tagOverflowTips: {
617
- type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
618
- * 不显示条件:
619
- * 1. 设置不可清除
620
- * 2. 禁用时
621
- * 3. tag标签为空时
622
- * 4. 设置了showClearOnlyHover,且没有hover的时候
623
- */
648
+ type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
624
649
  default: () => {};
625
650
  };
626
651
  }>> & {
@@ -652,6 +677,7 @@ declare const _default: import("vue").DefineComponent<{
652
677
  displayKey: string;
653
678
  hasDeleteIcon: boolean;
654
679
  useGroup: boolean;
680
+ clearTextSpace: boolean;
655
681
  maxData: number;
656
682
  maxResult: number;
657
683
  contentMaxHeight: number;
@@ -10,6 +10,8 @@
10
10
  .@{bk-prefix}-tag-input-trigger {
11
11
  position: relative;
12
12
  display: flex;
13
+ align-items: center;
14
+ justify-content: space-between;
13
15
  min-height: @min-height;
14
16
  padding: 0 0 0 5px;
15
17
  overflow: hidden;
@@ -18,8 +20,6 @@
18
20
  background: @white-color;
19
21
  border: 1px solid @light-gray;
20
22
  border-radius: 2px;
21
- align-items: center;
22
- justify-content: space-between;
23
23
 
24
24
  &.active {
25
25
  border-color: @primary-color;
@@ -33,22 +33,22 @@
33
33
 
34
34
  .tag-list {
35
35
  display: inline-flex;
36
+ flex-wrap: wrap;
37
+ align-items: center;
36
38
  max-height: 135px;
37
39
  padding: 0;
38
40
  margin: 0;
39
41
  overflow: auto;
40
- align-items: center;
41
- flex-wrap: wrap;
42
42
 
43
43
  > li {
44
44
  display: inline-flex;
45
+ align-items: center;
45
46
  height: 22px;
46
47
  margin: 4px 5px 4px 0;
47
48
  overflow: hidden;
48
49
  font-size: 12px;
49
50
  border: solid 1px transparent;
50
51
  border-radius: 2px;
51
- align-items: center;
52
52
 
53
53
  &.tag-item {
54
54
  background: #f0f1f5;
@@ -64,21 +64,21 @@
64
64
  }
65
65
 
66
66
  .tag {
67
+ flex: 1;
67
68
  max-width: 190px;
68
69
  overflow: hidden;
69
70
  text-overflow: ellipsis;
70
71
  word-break: break-all;
71
72
  white-space: nowrap;
72
- flex: 1;
73
73
  }
74
74
 
75
75
  .text {
76
+ box-sizing: border-box;
76
77
  padding: 0 5px;
77
78
  line-height: 20px;
78
79
  color: @default-color;
79
80
  background-color: #f0f1f5;
80
81
  border-radius: 2px;
81
- box-sizing: border-box;
82
82
 
83
83
  &:hover {
84
84
  background-color: #dcdee5;;
@@ -86,13 +86,13 @@
86
86
  }
87
87
 
88
88
  .tag-input {
89
+ box-sizing: border-box;
89
90
  width: 10px;
90
- height: 22px;
91
91
  max-width: 295px;
92
+ height: 22px;
92
93
  padding: 0;
93
94
  border: 0;
94
95
  outline: none;
95
- box-sizing: border-box;
96
96
  }
97
97
  }
98
98