bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

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 (407) hide show
  1. package/dist/index.cjs.js +162 -164
  2. package/dist/index.esm.js +31999 -29678
  3. package/dist/index.umd.js +162 -164
  4. package/dist/locale/en.esm.js +1 -1
  5. package/dist/locale/en.esm.js.map +1 -1
  6. package/dist/locale/en.umd.js +1 -1
  7. package/dist/locale/en.umd.js.map +1 -1
  8. package/dist/locale/zh-cn.esm.js +1 -1
  9. package/dist/locale/zh-cn.esm.js.map +1 -1
  10. package/dist/locale/zh-cn.umd.js +1 -1
  11. package/dist/locale/zh-cn.umd.js.map +1 -1
  12. package/dist/style.css +1 -1
  13. package/dist/style.variable.css +1 -1
  14. package/lib/affix/affix.variable.css +3 -0
  15. package/lib/affix/index.js +7 -7
  16. package/lib/alert/alert.d.ts +5 -5
  17. package/lib/alert/alert.variable.css +3 -0
  18. package/lib/alert/index.d.ts +11 -11
  19. package/lib/backtop/backtop.d.ts +1 -1
  20. package/lib/backtop/backtop.variable.css +3 -0
  21. package/lib/backtop/index.d.ts +3 -3
  22. package/lib/backtop/index.js +6 -6
  23. package/lib/badge/badge.variable.css +3 -0
  24. package/lib/badge/index.js +1 -1
  25. package/lib/breadcrumb/breadcrumb.variable.css +3 -0
  26. package/lib/button/button.d.ts +7 -7
  27. package/lib/button/button.variable.css +3 -0
  28. package/lib/button/index.d.ts +8 -8
  29. package/lib/button/index.js +6 -6
  30. package/lib/card/card.variable.css +3 -0
  31. package/lib/cascader/cascader-panel.d.ts +1 -1
  32. package/lib/cascader/cascader.css +3 -3
  33. package/lib/cascader/cascader.d.ts +1 -1
  34. package/lib/cascader/cascader.less +4 -4
  35. package/lib/cascader/cascader.variable.css +6 -3
  36. package/lib/cascader/index.js +35 -36
  37. package/lib/cascader/interface.d.ts +1 -1
  38. package/lib/checkbox/checkbox.variable.css +3 -0
  39. package/lib/checkbox/index.js +7 -7
  40. package/lib/checkbox/type.d.ts +1 -1
  41. package/lib/code-diff/code-diff.variable.css +3 -0
  42. package/lib/code-diff/index.js +8 -8
  43. package/lib/collapse/collapse.css +11 -0
  44. package/lib/collapse/collapse.d.ts +11 -0
  45. package/lib/collapse/collapse.less +15 -1
  46. package/lib/collapse/collapse.variable.css +14 -0
  47. package/lib/collapse/index.d.ts +23 -0
  48. package/lib/collapse/index.js +11 -3
  49. package/lib/collapse/props.d.ts +8 -0
  50. package/lib/collapse/utils.d.ts +2 -2
  51. package/lib/collapse-transition/collapse-transition.variable.css +3 -0
  52. package/lib/color-picker/color-picker.css +3 -3
  53. package/lib/color-picker/color-picker.less +3 -3
  54. package/lib/color-picker/color-picker.variable.css +6 -3
  55. package/lib/color-picker/index.js +45 -45
  56. package/lib/components.d.ts +32 -30
  57. package/lib/components.js +31 -29
  58. package/lib/config-provider/config-provider.d.ts +3 -0
  59. package/lib/config-provider/config-provider.variable.css +3 -0
  60. package/lib/config-provider/index.d.ts +5 -1
  61. package/lib/config-provider/token.d.ts +1 -0
  62. package/lib/container/container.variable.css +3 -0
  63. package/lib/container/index.js +6 -6
  64. package/lib/date-picker/base/date-table.d.ts +1 -1
  65. package/lib/date-picker/base/month-table.d.ts +3 -3
  66. package/lib/date-picker/base/picker-dropdown.d.ts +1 -1
  67. package/lib/date-picker/base/year-table.d.ts +3 -3
  68. package/lib/date-picker/date-picker.d.ts +1 -0
  69. package/lib/date-picker/date-picker.variable.css +3 -0
  70. package/lib/date-picker/index.d.ts +3 -0
  71. package/lib/date-picker/index.js +340 -224
  72. package/lib/date-picker/interface.d.ts +9 -9
  73. package/lib/date-picker/panel/date-range.d.ts +2 -64
  74. package/lib/date-picker/panel/date.d.ts +1 -1
  75. package/lib/date-picker/panel/time-range.d.ts +1 -1
  76. package/lib/date-picker/panel/time.d.ts +1 -1
  77. package/lib/date-picker/props.d.ts +1 -1
  78. package/lib/date-picker/time-picker.d.ts +1 -0
  79. package/lib/date-picker/utils.d.ts +9 -1
  80. package/lib/dialog/dialog.css +172 -150
  81. package/lib/dialog/dialog.d.ts +55 -124
  82. package/lib/dialog/dialog.less +51 -124
  83. package/lib/dialog/dialog.variable.css +175 -150
  84. package/lib/dialog/index.d.ts +132 -296
  85. package/lib/dialog/index.js +244 -246
  86. package/lib/dialog/props.d.ts +16 -41
  87. package/lib/directives/index.d.ts +3 -3
  88. package/lib/directives/index.js +166 -167
  89. package/lib/directives/tooltips.d.ts +1 -1
  90. package/lib/dist.index.js +2 -2
  91. package/lib/divider/divider.d.ts +5 -5
  92. package/lib/divider/divider.variable.css +3 -0
  93. package/lib/divider/index.d.ts +11 -11
  94. package/lib/divider/index.js +2 -2
  95. package/lib/divider/props.d.ts +2 -2
  96. package/lib/dropdown/dropdown.css +3 -1
  97. package/lib/dropdown/dropdown.d.ts +5 -5
  98. package/lib/dropdown/dropdown.variable.css +6 -1
  99. package/lib/dropdown/index.d.ts +11 -11
  100. package/lib/dropdown/index.js +7 -7
  101. package/lib/exception/exception.d.ts +9 -9
  102. package/lib/exception/exception.variable.css +3 -0
  103. package/lib/exception/index.d.ts +11 -11
  104. package/lib/exception/index.js +10 -10
  105. package/lib/exception/typings/index.d.ts +1 -1
  106. package/lib/fixed-navbar/fixed-navbar.variable.css +3 -0
  107. package/lib/fixed-navbar/index.js +2 -2
  108. package/lib/form/form.d.ts +2 -2
  109. package/lib/form/form.variable.css +3 -0
  110. package/lib/form/index.js +17 -15
  111. package/lib/form/type.d.ts +2 -2
  112. package/lib/icon/image-fill.js +82 -167
  113. package/lib/icon/img-error.js +82 -167
  114. package/lib/icon/img-placehoulder.js +82 -167
  115. package/lib/icon/index.d.ts +12 -11
  116. package/lib/icon/index.js +87 -2427
  117. package/lib/icon/info-line.js +82 -167
  118. package/lib/icon/info.js +82 -167
  119. package/lib/icon/left-shape.js +82 -167
  120. package/lib/icon/left-turn-line.js +82 -167
  121. package/lib/icon/loading.js +82 -167
  122. package/lib/icon/narrow-line.js +82 -167
  123. package/lib/icon/original.js +82 -167
  124. package/lib/icon/pdf-fill.js +82 -167
  125. package/lib/icon/play-shape.js +82 -167
  126. package/lib/icon/plus.js +82 -167
  127. package/lib/icon/ppt-fill.js +82 -167
  128. package/lib/icon/qq.js +82 -167
  129. package/lib/icon/right-shape.js +82 -167
  130. package/lib/icon/right-turn-line.js +82 -167
  131. package/lib/icon/search.js +82 -167
  132. package/lib/icon/share.js +82 -167
  133. package/lib/icon/spinner.js +82 -167
  134. package/lib/icon/success.js +82 -167
  135. package/lib/icon/switcher-loading.js +82 -167
  136. package/lib/icon/text-all.d.ts +4 -0
  137. package/lib/icon/text-all.js +191 -0
  138. package/lib/icon/text-file.js +82 -167
  139. package/lib/icon/text-fill.js +82 -167
  140. package/lib/icon/transfer.js +82 -167
  141. package/lib/icon/tree-application-shape.js +82 -167
  142. package/lib/icon/unfull-screen.js +82 -167
  143. package/lib/icon/unvisible.js +82 -167
  144. package/lib/icon/up-shape.js +82 -167
  145. package/lib/icon/upload.js +82 -167
  146. package/lib/icon/video-fill.js +82 -167
  147. package/lib/icon/warn.js +82 -167
  148. package/lib/icon/weixin-pro.js +82 -167
  149. package/lib/icon/weixin.js +82 -167
  150. package/lib/image/image-viewer.d.ts +1 -1
  151. package/lib/image/image-viewer.variable.css +3 -0
  152. package/lib/image/image.variable.css +3 -0
  153. package/lib/image/index.js +25 -22
  154. package/lib/index.d.ts +3 -3
  155. package/lib/index.js +3 -3
  156. package/lib/info-box/index.d.ts +2 -2
  157. package/lib/info-box/index.js +257 -516
  158. package/lib/info-box/info-box.css +58 -28
  159. package/lib/info-box/info-box.d.ts +25 -23
  160. package/lib/info-box/info-box.less +82 -51
  161. package/lib/info-box/info-box.variable.css +61 -28
  162. package/lib/info-box/render-component.d.ts +4 -0
  163. package/lib/input/index.d.ts +15 -15
  164. package/lib/input/index.js +23 -17
  165. package/lib/input/input.d.ts +15 -15
  166. package/lib/input/input.variable.css +3 -0
  167. package/lib/link/index.d.ts +11 -11
  168. package/lib/link/index.js +3 -3
  169. package/lib/link/link.d.ts +5 -5
  170. package/lib/link/link.variable.css +3 -0
  171. package/lib/loading/index.d.ts +4 -4
  172. package/lib/loading/index.js +6 -6
  173. package/lib/loading/loading.d.ts +6 -6
  174. package/lib/loading/loading.variable.css +3 -0
  175. package/lib/locale/index.d.ts +1 -1
  176. package/lib/locale/index.js +4 -2
  177. package/lib/locale/lang/en.d.ts +1 -0
  178. package/lib/menu/index.js +0 -1
  179. package/lib/menu/menu.variable.css +3 -0
  180. package/lib/menu/submenu.variable.css +3 -0
  181. package/lib/menu/utils.d.ts +3 -3
  182. package/lib/message/index.js +18 -18
  183. package/lib/message/message.variable.css +3 -0
  184. package/lib/message/messageConstructor.d.ts +11 -11
  185. package/lib/modal/hooks.d.ts +6 -0
  186. package/lib/modal/index.d.ts +44 -312
  187. package/lib/modal/index.js +286 -672
  188. package/lib/modal/mask.d.ts +6 -0
  189. package/lib/modal/modal.css +151 -76
  190. package/lib/modal/modal.d.ts +19 -117
  191. package/lib/modal/modal.less +103 -56
  192. package/lib/modal/modal.variable.css +154 -76
  193. package/lib/modal/props.mixin.d.ts +5 -41
  194. package/lib/navigation/index.js +20 -20
  195. package/lib/navigation/navigation.d.ts +1 -1
  196. package/lib/navigation/navigation.variable.css +3 -0
  197. package/lib/notify/index.js +4 -4
  198. package/lib/notify/notify.variable.css +3 -0
  199. package/lib/overflow-title/components/overflow-title.d.ts +9 -9
  200. package/lib/overflow-title/index.d.ts +19 -19
  201. package/lib/overflow-title/index.js +107 -63
  202. package/lib/overflow-title/props.d.ts +18 -18
  203. package/lib/pagination/index.js +16 -15
  204. package/lib/pagination/pagination.variable.css +3 -0
  205. package/lib/pagination/type.d.ts +1 -1
  206. package/lib/pagination/use-limit.d.ts +1 -1
  207. package/lib/pagination/use-total.d.ts +1 -1
  208. package/lib/plugin-popover/index.d.ts +1 -1
  209. package/lib/plugin-popover/index.js +62 -44
  210. package/lib/pop-confirm/index.js +17 -14
  211. package/lib/pop-confirm/pop-confirm.variable.css +3 -0
  212. package/lib/pop-confirm/props.d.ts +2 -2
  213. package/lib/popover/const.d.ts +3 -3
  214. package/lib/popover/content.d.ts +1 -1
  215. package/lib/popover/index.d.ts +19 -19
  216. package/lib/popover/index.js +62 -44
  217. package/lib/popover/plugin-popover.d.ts +4 -1
  218. package/lib/popover/popover.css +3 -1
  219. package/lib/popover/popover.d.ts +7 -7
  220. package/lib/popover/popover.less +4 -1
  221. package/lib/popover/popover.variable.css +6 -1
  222. package/lib/popover/props.d.ts +4 -4
  223. package/lib/preset.d.ts +2 -0
  224. package/lib/process/index.js +3 -3
  225. package/lib/process/process.variable.css +3 -0
  226. package/lib/progress/index.d.ts +11 -11
  227. package/lib/progress/index.js +10 -10
  228. package/lib/progress/progress.d.ts +7 -7
  229. package/lib/progress/progress.variable.css +3 -0
  230. package/lib/radio/index.d.ts +29 -0
  231. package/lib/radio/index.js +49 -31
  232. package/lib/radio/radio-button.d.ts +10 -0
  233. package/lib/radio/radio-group.d.ts +10 -0
  234. package/lib/radio/radio.d.ts +10 -0
  235. package/lib/radio/radio.variable.css +3 -0
  236. package/lib/radio/type.d.ts +1 -1
  237. package/lib/rate/index.js +8 -8
  238. package/lib/rate/rate.css +27 -0
  239. package/lib/rate/rate.less +33 -0
  240. package/lib/rate/rate.variable.css +30 -0
  241. package/lib/resize-layout/index.d.ts +11 -11
  242. package/lib/resize-layout/index.js +8 -9
  243. package/lib/resize-layout/resize-layout.d.ts +5 -5
  244. package/lib/resize-layout/resize-layout.variable.css +3 -0
  245. package/lib/scrollbar/index.d.ts +15 -0
  246. package/lib/scrollbar/index.js +18762 -0
  247. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +2 -0
  248. package/lib/scrollbar/scrollbar-core/helpers.d.ts +5 -0
  249. package/lib/scrollbar/scrollbar-core/index.d.ts +241 -0
  250. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +5 -0
  251. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +1 -0
  252. package/lib/scrollbar/scrollbar.css +75 -0
  253. package/lib/scrollbar/scrollbar.less +94 -0
  254. package/lib/{rate/star.variable.css → scrollbar/scrollbar.variable.css} +70 -19
  255. package/lib/search-select/index.d.ts +375 -16
  256. package/lib/search-select/index.js +754 -419
  257. package/lib/search-select/input.d.ts +14 -5
  258. package/lib/search-select/menu.d.ts +1 -1
  259. package/lib/search-select/search-select.css +20 -6
  260. package/lib/search-select/search-select.d.ts +129 -7
  261. package/lib/search-select/search-select.less +16 -12
  262. package/lib/search-select/search-select.variable.css +23 -6
  263. package/lib/search-select/selected.d.ts +117 -7
  264. package/lib/search-select/utils.d.ts +22 -9
  265. package/lib/select/index.d.ts +185 -67
  266. package/lib/select/index.js +1396 -136
  267. package/lib/select/option.d.ts +3 -1
  268. package/lib/select/pinyin/core.d.ts +14 -0
  269. package/lib/select/pinyin/dict.d.ts +34 -0
  270. package/lib/select/pinyin/index.d.ts +2 -0
  271. package/lib/select/select.css +56 -14
  272. package/lib/select/select.d.ts +74 -26
  273. package/lib/select/select.less +70 -21
  274. package/lib/select/select.variable.css +59 -14
  275. package/lib/select/selectTagInput.d.ts +13 -6
  276. package/lib/select/type.d.ts +4 -5
  277. package/lib/shared/index.d.ts +1 -2
  278. package/lib/shared/index.js +108 -96
  279. package/lib/shared/popover.d.ts +3 -3
  280. package/lib/shared/token.d.ts +1 -1
  281. package/lib/shared/utils.d.ts +12 -0
  282. package/lib/shared/vue-types.d.ts +51 -46
  283. package/lib/shared/z-index-manager.d.ts +6 -6
  284. package/lib/sideslider/index.d.ts +58 -188
  285. package/lib/sideslider/index.js +83 -57
  286. package/lib/sideslider/sideslider.css +26 -90
  287. package/lib/sideslider/sideslider.d.ts +26 -88
  288. package/lib/sideslider/sideslider.less +56 -132
  289. package/lib/sideslider/sideslider.variable.css +29 -90
  290. package/lib/slider/index.d.ts +19 -0
  291. package/lib/slider/index.js +64 -26
  292. package/lib/slider/slider.css +14 -0
  293. package/lib/slider/slider.d.ts +9 -0
  294. package/lib/slider/slider.less +15 -0
  295. package/lib/slider/slider.variable.css +17 -0
  296. package/lib/steps/index.d.ts +11 -11
  297. package/lib/steps/index.js +3 -3
  298. package/lib/steps/steps.d.ts +7 -7
  299. package/lib/steps/steps.variable.css +3 -0
  300. package/lib/styles/index.d.ts +0 -1
  301. package/lib/styles/mixins/animate.variable.css +3 -0
  302. package/lib/styles/mixins/popper.variable.css +3 -0
  303. package/lib/styles/mixins/scroll.variable.css +3 -0
  304. package/lib/styles/reset.css +1 -3
  305. package/lib/styles/reset.less +3 -6
  306. package/lib/styles/reset.variable.css +4 -3
  307. package/lib/styles/themes/themes.less +5 -0
  308. package/lib/swiper/index.js +5 -5
  309. package/lib/swiper/swiper.variable.css +3 -0
  310. package/lib/switcher/index.js +2 -2
  311. package/lib/switcher/switcher.d.ts +2 -2
  312. package/lib/switcher/switcher.variable.css +3 -0
  313. package/lib/tab/index.d.ts +22 -22
  314. package/lib/tab/index.js +15 -15
  315. package/lib/tab/props.d.ts +15 -15
  316. package/lib/tab/tab-nav.d.ts +10 -10
  317. package/lib/tab/tab.d.ts +10 -10
  318. package/lib/tab/tab.variable.css +3 -0
  319. package/lib/table/cache.d.ts +11 -3
  320. package/lib/table/components/table-cell.d.ts +3 -2
  321. package/lib/table/components/table-column.d.ts +30 -100
  322. package/lib/table/const.d.ts +12 -12
  323. package/lib/table/events.d.ts +21 -21
  324. package/lib/table/index.d.ts +220 -305
  325. package/lib/table/index.js +18165 -688
  326. package/lib/table/plugins/head-filter.css +8 -4
  327. package/lib/table/plugins/head-filter.less +6 -3
  328. package/lib/table/plugins/head-filter.variable.css +11 -4
  329. package/lib/table/plugins/head-sort.variable.css +3 -0
  330. package/lib/table/plugins/settings.variable.css +3 -0
  331. package/lib/table/plugins/use-active-columns.d.ts +2 -2
  332. package/lib/table/plugins/use-column-template.d.ts +7 -0
  333. package/lib/table/plugins/use-draggable.d.ts +2 -2
  334. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  335. package/lib/table/plugins/use-observer-resize.d.ts +5 -0
  336. package/lib/table/plugins/use-pagination.d.ts +3 -1
  337. package/lib/table/plugins/use-shift-key.d.ts +13 -0
  338. package/lib/table/props.d.ts +49 -39
  339. package/lib/table/table.css +112 -58
  340. package/lib/table/table.d.ts +58 -47
  341. package/lib/table/table.less +46 -58
  342. package/lib/table/table.variable.css +115 -58
  343. package/lib/table/use-attributes.d.ts +9 -46
  344. package/lib/table/use-column.d.ts +18 -139
  345. package/lib/table/use-common.d.ts +5 -5
  346. package/lib/table/use-render.d.ts +1 -1
  347. package/lib/table/utils.d.ts +6 -6
  348. package/lib/table-column/index.d.ts +127 -431
  349. package/lib/table-column/index.js +43 -117
  350. package/lib/tag/index.d.ts +11 -11
  351. package/lib/tag/index.js +2 -2
  352. package/lib/tag/tag.d.ts +5 -5
  353. package/lib/tag/tag.variable.css +3 -0
  354. package/lib/tag-input/common.d.ts +1 -1
  355. package/lib/tag-input/index.d.ts +12 -12
  356. package/lib/tag-input/index.js +30 -30
  357. package/lib/tag-input/tag-input.d.ts +6 -6
  358. package/lib/tag-input/tag-input.variable.css +3 -0
  359. package/lib/tag-input/tag-props.d.ts +3 -3
  360. package/lib/tag-input/tag-render.d.ts +1 -1
  361. package/lib/time-picker/index.d.ts +38 -35
  362. package/lib/time-picker/time-picker.variable.css +3 -0
  363. package/lib/timeline/index.d.ts +80 -44
  364. package/lib/timeline/index.js +56 -67
  365. package/lib/timeline/timeline.d.ts +46 -29
  366. package/lib/timeline/timeline.variable.css +3 -0
  367. package/lib/transfer/const.d.ts +2 -2
  368. package/lib/transfer/index.js +19 -19
  369. package/lib/transfer/transfer.css +9 -9
  370. package/lib/transfer/transfer.less +3 -3
  371. package/lib/transfer/transfer.variable.css +12 -9
  372. package/lib/tree/constant.d.ts +22 -20
  373. package/lib/tree/index.d.ts +64 -20
  374. package/lib/tree/index.js +17595 -72
  375. package/lib/tree/props.d.ts +24 -6
  376. package/lib/tree/tree.css +76 -2
  377. package/lib/tree/tree.d.ts +34 -8
  378. package/lib/tree/tree.less +1 -1
  379. package/lib/tree/tree.variable.css +79 -2
  380. package/lib/tree/use-empty.d.ts +1 -1
  381. package/lib/tree/use-intersection-observer.d.ts +27 -0
  382. package/lib/tree/use-node-action.d.ts +2 -2
  383. package/lib/tree/use-node-attribute.d.ts +9 -0
  384. package/lib/tree/use-search.d.ts +1 -1
  385. package/lib/tree/util.d.ts +1 -1
  386. package/lib/upload/index.d.ts +12 -0
  387. package/lib/upload/index.js +62 -65
  388. package/lib/upload/props.d.ts +4 -1
  389. package/lib/upload/upload-trigger.d.ts +6 -0
  390. package/lib/upload/upload.d.ts +6 -0
  391. package/lib/upload/upload.type.d.ts +7 -7
  392. package/lib/upload/upload.variable.css +3 -0
  393. package/lib/upload/use-file-handler.d.ts +1 -1
  394. package/lib/virtual-render/index.d.ts +36 -9
  395. package/lib/virtual-render/index.js +295 -80
  396. package/lib/virtual-render/props.d.ts +16 -0
  397. package/lib/virtual-render/use-fix-top.d.ts +2 -7
  398. package/lib/virtual-render/use-scrollbar.d.ts +24 -0
  399. package/lib/virtual-render/v-virtual-render.d.ts +2 -1
  400. package/lib/virtual-render/virtual-render.css +76 -2
  401. package/lib/virtual-render/virtual-render.d.ts +16 -3
  402. package/lib/virtual-render/virtual-render.less +3 -3
  403. package/lib/virtual-render/virtual-render.variable.css +79 -2
  404. package/package.json +13 -49
  405. package/lib/rate/star.css +0 -27
  406. package/lib/rate/star.less +0 -34
  407. package/lib/shared/mask.d.ts +0 -11
package/lib/dialog/dialog.variable.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
14
  --disable-bg-color: #f9fafd;
15
+ --border-color: #dcdee5;
15
16
  --font-size-base: 12px;
16
17
  --font-size-medium: 14px;
17
18
  --font-size-large: 16px;
@@ -123,213 +124,237 @@
123
124
  --search-select-placeholder-color: var(--light-gray);
124
125
  --search-select-message-color: var(--danger-color);
125
126
  --search-select-menu-border-color: var(--disable-color);
127
+ --select-active-color: #e1ecff;
128
+ --select-hover-color: #f5f7fa;
126
129
  }
127
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
128
- width: 440px;
130
+ .bk-infobox {
131
+ font-size: 12px;
129
132
  }
130
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
131
- width: 440px;
133
+ .bk-infobox .bk-modal-wrapper {
134
+ top: 50%;
135
+ left: 50%;
136
+ transform: translate(-50%, -50%);
132
137
  }
133
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
134
- width: 400px;
138
+ .bk-infobox-header {
139
+ padding-top: 24px;
135
140
  }
136
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
137
- border-radius: 2px;
141
+ .bk-infobox-type {
142
+ display: flex;
143
+ justify-content: center;
144
+ align-items: center;
138
145
  }
139
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
140
- padding: 24px 24px 0;
146
+ .bk-infobox-icon {
147
+ width: 42px;
148
+ height: 42px;
149
+ font-size: 42px;
141
150
  }
142
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
143
- height: 27px;
144
- margin: 15px 0 10px;
151
+ .bk-infobox-icon.success {
152
+ color: #2dcb56;
145
153
  }
146
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
147
- height: 100%;
148
- max-height: 100%;
149
- min-height: 100%;
150
- padding: 0 50px 10px;
151
- word-break: break-all;
152
- }
153
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
154
- margin-bottom: 10px;
155
- text-align: center;
156
- word-break: break-all;
157
- }
158
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
159
- padding: 0 65px 33px;
160
- background-color: #fff;
161
- border-top: none;
162
- }
163
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
164
- min-width: 88px;
154
+ .bk-infobox-icon.warning {
155
+ color: #ff9c01;
165
156
  }
166
- .bk-modal-ctx {
167
- pointer-events: auto;
168
- top: 0px;
169
- left: 0px;
170
- width: 100%;
171
- height: 100%;
157
+ .bk-infobox-icon.danger {
158
+ color: #ea3636;
172
159
  }
173
- .bk-modal-ctx.--show {
174
- position: fixed;
160
+ .bk-infobox-icon.loading {
161
+ color: #3a84ff;
162
+ }
163
+ .bk-infobox-title {
164
+ padding-right: 24px;
165
+ padding-left: 24px;
166
+ margin-top: 24px;
167
+ font-size: 20px;
168
+ line-height: 32px;
169
+ color: #313238;
175
170
  }
176
- .bk-modal-ctx.--hide {
177
- display: none;
171
+ .bk-infobox-content {
172
+ padding-right: 24px;
173
+ padding-left: 24px;
174
+ margin-top: 16px;
178
175
  }
179
- .bk-modal-ctx .bk-modal-ctx-mask {
180
- display: none;
181
- left: 0;
176
+ .bk-infobox-footer {
177
+ display: flex;
178
+ padding-right: 24px;
179
+ padding-bottom: 24px;
180
+ padding-left: 24px;
181
+ margin-top: 24px;
182
+ align-content: center;
183
+ }
184
+ .bk-infobox-footer.is-position-right {
185
+ justify-content: right;
186
+ }
187
+ .bk-infobox-footer.is-position-center {
188
+ justify-content: center;
189
+ }
190
+ .bk-infobox-footer.is-position-left {
191
+ justify-content: left;
192
+ }
193
+ .bk-infobox-footer .bk-button {
194
+ min-width: 88px;
195
+ }
196
+ .bk-infobox-footer .bk-button ~ .bk-button {
197
+ margin-left: 8px;
198
+ }
199
+ .bk-modal-mask {
200
+ position: fixed;
182
201
  top: 0;
202
+ left: 0;
183
203
  width: 100%;
184
204
  height: 100%;
185
205
  background-color: rgba(0, 0, 0, 0.6);
186
206
  }
187
- .bk-modal-ctx .bk-modal-ctx-mask.--show {
207
+ .bk-modal-wrapper {
188
208
  position: fixed;
189
- display: inherit;
190
209
  }
191
- .bk-modal-wrapper {
192
- position: absolute;
193
- top: 50%;
194
- left: 50%;
195
- width: 480px;
210
+ .bk-modal-body {
211
+ height: 100%;
212
+ overflow: hidden;
213
+ background: #fff;
196
214
  border-radius: 2px;
197
- transform: translate(-50%, -50%);
215
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
198
216
  }
199
- .bk-modal-wrapper .bk-modal-outside {
200
- position: fixed;
201
- top: 0;
202
- right: 0;
203
- bottom: 0;
204
- left: 0;
217
+ .bk-modal-content {
218
+ position: relative;
219
+ max-height: 100vh;
205
220
  }
206
- .bk-modal-wrapper.normal {
207
- width: 480px;
208
- height: 240px;
221
+ .bk-modal-footer {
222
+ position: relative;
209
223
  }
210
- .bk-modal-wrapper.small {
211
- width: 400px;
212
- height: 200px;
224
+ .bk-modal-close {
225
+ position: absolute;
226
+ top: 6px;
227
+ right: 6px;
228
+ display: flex;
229
+ width: 32px;
230
+ height: 32px;
231
+ font-size: 18px;
232
+ color: #979ba5;
233
+ cursor: pointer;
234
+ align-items: center;
235
+ justify-content: center;
236
+ border-radius: 50%;
237
+ transition: 0.15s;
213
238
  }
214
- .bk-modal-wrapper.medium {
215
- width: 640px;
216
- height: 400px;
239
+ .bk-modal-close:hover {
240
+ background: #f0f1f5;
217
241
  }
218
- .bk-modal-wrapper.large {
219
- width: 960px;
220
- height: 720px;
242
+ .modal-fadein-enter-from {
243
+ opacity: 0;
221
244
  }
222
- .bk-modal-wrapper .bk-modal-body {
223
- height: 100%;
224
- width: 100%;
225
- background: #fff;
226
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
245
+ .modal-fadein-enter-from .bk-modal-body {
246
+ transform: translateY(-20px);
227
247
  }
228
- .bk-dialog-wrapper .bk-modal-wrapper {
229
- position: relative;
248
+ .modal-fadein-enter-to {
249
+ opacity: 1;
230
250
  }
231
- .bk-dialog-wrapper .bk-modal-wrapper * {
232
- box-sizing: border-box;
233
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
251
+ .modal-fadein-enter-to .bk-modal-body {
252
+ transform: translateY(0);
234
253
  }
235
- .bk-dialog-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
236
- overflow: auto;
254
+ .modal-fadein-leave-from {
255
+ opacity: 1;
237
256
  }
238
- .bk-dialog-wrapper .bk-modal-wrapper.multi-instance {
239
- position: absolute;
257
+ .modal-fadein-leave-from .bk-modal-body {
258
+ transform: translateY(0);
240
259
  }
241
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-tool {
242
- position: absolute;
243
- top: 0;
244
- right: 0;
245
- left: 0;
246
- height: 18px;
260
+ .modal-fadein-leave-to {
261
+ opacity: 0;
247
262
  }
248
- .bk-dialog-wrapper .bk-modal-wrapper .move {
249
- cursor: move;
263
+ .modal-fadein-leave-to .bk-modal-body {
264
+ transform: translateY(-20px);
250
265
  }
251
- .bk-dialog-wrapper .bk-modal-wrapper .content-dragging {
252
- user-select: none;
266
+ .modal-fadein-enter-active,
267
+ .modal-fadein-leave-active {
268
+ transition: opacity 0.15s linear;
253
269
  }
254
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header {
255
- padding: 16px 24px 12px;
256
- font-size: 20px;
257
- line-height: 1;
270
+ .modal-fadein-enter-active .bk-modal-body,
271
+ .modal-fadein-leave-active .bk-modal-body {
272
+ transition: transform 0.08s linear;
258
273
  }
259
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
260
- text-align: center;
274
+ .modal-right-enter-from {
275
+ transform: translateX(100%);
261
276
  }
262
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
263
- display: inline-block;
264
- font-size: 48px;
277
+ .modal-right-enter-to {
278
+ transform: translateX(0);
265
279
  }
266
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
267
- color: #2dcb56;
280
+ .modal-right-leave-from {
281
+ transform: translateX(0);
268
282
  }
269
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
270
- color: #ff9c01;
283
+ .modal-right-leave-to {
284
+ transform: translateX(100%);
271
285
  }
272
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
273
- color: #ea3636;
286
+ .modal-right-enter-active,
287
+ .modal-right-leave-active {
288
+ transition: transform 0.15s ease;
274
289
  }
275
- .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
276
- display: inline-block;
277
- width: 100%;
278
- overflow: hidden;
279
- color: #313238;
280
- text-overflow: ellipsis;
281
- white-space: nowrap;
290
+ .modal-left-enter-from {
291
+ transform: translateX(-100%);
282
292
  }
283
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-content {
284
- height: calc(100% - 79px);
285
- max-height: calc(100vh - 300px);
286
- min-height: 141px;
287
- padding: 0 24px;
293
+ .modal-left-enter-to {
294
+ transform: translateX(0);
295
+ }
296
+ .modal-left-leave-from {
297
+ transform: translateX(0);
298
+ }
299
+ .modal-left-leave-to {
300
+ transform: translateX(-100%);
301
+ }
302
+ .modal-left-enter-active,
303
+ .modal-left-leave-active {
304
+ transition: transform 0.15s ease;
305
+ }
306
+ .bk-dialog {
288
307
  font-size: 14px;
289
- line-height: 1.5;
290
- color: #63656e;
291
308
  }
292
- .bk-dialog-wrapper .bk-modal-wrapper.fullscreen .bk-modal-content {
293
- max-height: calc(100vh - 137px);
309
+ .bk-dialog.is-fullscreen .bk-modal-wrapper {
310
+ top: 0;
311
+ right: 0;
312
+ bottom: 0;
313
+ left: 0;
314
+ border-radius: 0;
315
+ transform: translate(0, 0);
294
316
  }
295
- .bk-dialog-wrapper .bk-modal-wrapper.fullscreen.no-footer {
296
- max-height: calc(100vh - 79px);
317
+ .bk-dialog .bk-modal-wrapper {
318
+ top: 50%;
319
+ left: 50%;
320
+ transform: translate(-50%, -50%);
297
321
  }
298
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-body {
299
- padding-bottom: 48px;
322
+ .bk-dialog-header {
323
+ padding: 16px 24px 0;
324
+ font-size: 20px;
300
325
  }
301
- .bk-dialog-wrapper .bk-modal-wrapper.no-footer .bk-modal-body {
302
- padding-bottom: 0;
326
+ .bk-dialog-title {
327
+ display: inline-block;
328
+ width: 100%;
329
+ color: #313238;
303
330
  }
304
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer {
331
+ .bk-dialog-tool {
305
332
  position: absolute;
333
+ top: 0;
306
334
  right: 0;
307
- bottom: 0;
308
335
  left: 0;
309
- height: 48px;
336
+ height: 18px;
337
+ cursor: move;
338
+ user-select: none;
339
+ }
340
+ .bk-dialog-content {
341
+ padding: 0 24px;
342
+ margin-top: 16px;
343
+ margin-bottom: 24px;
344
+ color: #63656e;
345
+ }
346
+ .bk-dialog-footer {
310
347
  padding: 8px 24px;
311
348
  background-color: #fafbfd;
312
349
  border-top: 1px solid #dcdee5;
313
- border-radius: 2px;
314
350
  }
315
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
351
+ .bk-dialog-footer .bk-dialog-perv {
316
352
  float: left;
317
353
  margin-right: 8px;
318
354
  }
319
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
355
+ .bk-dialog-footer .bk-dialog-next {
320
356
  float: left;
321
357
  }
322
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
358
+ .bk-dialog-footer .bk-dialog-cancel {
323
359
  margin-left: 8px;
324
360
  }
325
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close {
326
- position: absolute;
327
- top: 4px;
328
- right: 4px;
329
- font-size: 18px;
330
- color: #c4c6cc;
331
- cursor: pointer;
332
- }
333
- .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close:hover {
334
- color: #979ba5;
335
- }