bkui-vue 1.0.3-beta.26 → 1.0.3-beta.28

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 (287) hide show
  1. package/dist/index.cjs.js +46 -46
  2. package/dist/index.esm.js +6162 -6148
  3. package/dist/index.umd.js +46 -46
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +1 -1
  7. package/lib/affix/affix.less +2 -2
  8. package/lib/affix/affix.variable.css +3 -3
  9. package/lib/affix/index.js +13 -15
  10. package/lib/alert/alert.css +21 -21
  11. package/lib/alert/alert.less +16 -17
  12. package/lib/alert/alert.variable.css +23 -23
  13. package/lib/alert/index.js +22 -24
  14. package/lib/animate-number/index.js +5 -6
  15. package/lib/backtop/backtop.css +11 -11
  16. package/lib/backtop/backtop.less +3 -3
  17. package/lib/backtop/backtop.variable.css +13 -13
  18. package/lib/backtop/index.js +20 -22
  19. package/lib/badge/badge.css +32 -32
  20. package/lib/badge/badge.less +5 -5
  21. package/lib/badge/badge.variable.css +34 -34
  22. package/lib/badge/index.js +19 -21
  23. package/lib/breadcrumb/breadcrumb.css +31 -31
  24. package/lib/breadcrumb/breadcrumb.less +8 -8
  25. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  26. package/lib/breadcrumb/index.js +24 -26
  27. package/lib/button/button.css +69 -69
  28. package/lib/button/button.less +5 -3
  29. package/lib/button/button.variable.css +71 -71
  30. package/lib/button/index.js +28 -37
  31. package/lib/card/card.css +31 -31
  32. package/lib/card/card.less +4 -4
  33. package/lib/card/card.variable.css +33 -33
  34. package/lib/card/index.js +35 -43
  35. package/lib/cascader/cascader.css +63 -63
  36. package/lib/cascader/cascader.less +11 -12
  37. package/lib/cascader/cascader.variable.css +65 -65
  38. package/lib/cascader/index.js +80 -100
  39. package/lib/checkbox/checkbox.css +21 -21
  40. package/lib/checkbox/checkbox.less +8 -8
  41. package/lib/checkbox/checkbox.variable.css +23 -23
  42. package/lib/checkbox/index.js +32 -34
  43. package/lib/code-diff/code-diff.css +97 -97
  44. package/lib/code-diff/code-diff.less +4 -3
  45. package/lib/code-diff/code-diff.variable.css +99 -99
  46. package/lib/code-diff/index.js +12 -14
  47. package/lib/collapse/collapse.css +30 -30
  48. package/lib/collapse/collapse.less +24 -25
  49. package/lib/collapse/collapse.variable.css +32 -32
  50. package/lib/collapse/index.js +39 -41
  51. package/lib/collapse-transition/collapse-transition.css +32 -32
  52. package/lib/collapse-transition/collapse-transition.less +48 -59
  53. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  54. package/lib/collapse-transition/index.js +8 -9
  55. package/lib/color-picker/color-picker.css +57 -57
  56. package/lib/color-picker/color-picker.less +30 -36
  57. package/lib/color-picker/color-picker.variable.css +59 -59
  58. package/lib/color-picker/index.js +48 -50
  59. package/lib/components.js +505 -60
  60. package/lib/config-provider/config-provider.variable.css +2 -2
  61. package/lib/config-provider/index.js +8 -9
  62. package/lib/container/container.css +19 -19
  63. package/lib/container/container.less +3 -3
  64. package/lib/container/container.variable.css +21 -21
  65. package/lib/container/index.js +19 -21
  66. package/lib/date-picker/date-picker.css +92 -92
  67. package/lib/date-picker/date-picker.d.ts +1 -0
  68. package/lib/date-picker/date-picker.less +54 -55
  69. package/lib/date-picker/date-picker.variable.css +94 -94
  70. package/lib/date-picker/index.d.ts +3 -0
  71. package/lib/date-picker/index.js +69 -77
  72. package/lib/date-picker/time-picker.d.ts +1 -0
  73. package/lib/dialog/dialog.css +51 -51
  74. package/lib/dialog/dialog.less +1 -1
  75. package/lib/dialog/dialog.variable.css +53 -53
  76. package/lib/dialog/index.js +49 -63
  77. package/lib/directives/index.js +12 -13
  78. package/lib/dist.index.js +62 -5
  79. package/lib/divider/divider.css +8 -8
  80. package/lib/divider/divider.less +8 -5
  81. package/lib/divider/divider.variable.css +10 -10
  82. package/lib/divider/index.js +13 -15
  83. package/lib/dropdown/dropdown.css +15 -15
  84. package/lib/dropdown/dropdown.less +6 -6
  85. package/lib/dropdown/dropdown.variable.css +17 -17
  86. package/lib/dropdown/index.js +24 -32
  87. package/lib/exception/exception.css +13 -13
  88. package/lib/exception/exception.less +6 -6
  89. package/lib/exception/exception.variable.css +15 -15
  90. package/lib/exception/index.js +11 -13
  91. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  92. package/lib/fixed-navbar/fixed-navbar.less +2 -1
  93. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  94. package/lib/fixed-navbar/index.js +13 -15
  95. package/lib/form/form.css +63 -63
  96. package/lib/form/form.less +16 -14
  97. package/lib/form/form.variable.css +65 -65
  98. package/lib/form/index.js +48 -50
  99. package/lib/hooks.js +48 -1
  100. package/lib/icon/index.js +0 -1
  101. package/lib/image/image-viewer.css +23 -23
  102. package/lib/image/image-viewer.less +25 -24
  103. package/lib/image/image-viewer.variable.css +25 -25
  104. package/lib/image/image.css +29 -29
  105. package/lib/image/image.less +8 -6
  106. package/lib/image/image.variable.css +31 -31
  107. package/lib/image/index.js +38 -39
  108. package/lib/index.js +72 -7
  109. package/lib/info-box/index.js +13 -21
  110. package/lib/info-box/info-box.css +10 -10
  111. package/lib/info-box/info-box.less +2 -1
  112. package/lib/info-box/info-box.variable.css +12 -12
  113. package/lib/input/index.js +59 -61
  114. package/lib/input/input.css +104 -102
  115. package/lib/input/input.less +33 -27
  116. package/lib/input/input.variable.css +106 -104
  117. package/lib/link/index.js +13 -15
  118. package/lib/link/link.css +18 -18
  119. package/lib/link/link.less +3 -1
  120. package/lib/link/link.variable.css +20 -20
  121. package/lib/loading/index.js +17 -19
  122. package/lib/loading/loading.css +94 -94
  123. package/lib/loading/loading.less +4 -4
  124. package/lib/loading/loading.variable.css +96 -96
  125. package/lib/locale/index.js +0 -1
  126. package/lib/menu/index.js +13 -15
  127. package/lib/menu/menu.css +38 -38
  128. package/lib/menu/menu.less +10 -10
  129. package/lib/menu/menu.variable.css +40 -40
  130. package/lib/menu/submenu.css +1 -1
  131. package/lib/menu/submenu.less +1 -1
  132. package/lib/menu/submenu.variable.css +3 -3
  133. package/lib/message/index.js +38 -40
  134. package/lib/message/message.css +59 -59
  135. package/lib/message/message.less +24 -25
  136. package/lib/message/message.variable.css +61 -61
  137. package/lib/modal/index.js +41 -43
  138. package/lib/modal/modal.css +26 -26
  139. package/lib/modal/modal.less +12 -8
  140. package/lib/modal/modal.variable.css +28 -28
  141. package/lib/navigation/index.js +14 -16
  142. package/lib/navigation/navigation.css +25 -25
  143. package/lib/navigation/navigation.less +9 -9
  144. package/lib/navigation/navigation.variable.css +27 -27
  145. package/lib/notify/index.js +31 -33
  146. package/lib/notify/notify.css +17 -17
  147. package/lib/notify/notify.less +6 -8
  148. package/lib/notify/notify.variable.css +19 -19
  149. package/lib/overflow-title/index.js +14 -22
  150. package/lib/pagination/index.js +50 -65
  151. package/lib/pagination/pagination.css +60 -60
  152. package/lib/pagination/pagination.less +25 -24
  153. package/lib/pagination/pagination.variable.css +62 -62
  154. package/lib/plugin-popover/index.js +53 -54
  155. package/lib/plugins/index.js +0 -1
  156. package/lib/pop-confirm/index.js +28 -42
  157. package/lib/pop-confirm/pop-confirm.css +10 -10
  158. package/lib/pop-confirm/pop-confirm.less +11 -14
  159. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  160. package/lib/popover/index.js +52 -54
  161. package/lib/popover/popover.css +5 -5
  162. package/lib/popover/popover.less +6 -5
  163. package/lib/popover/popover.variable.css +7 -7
  164. package/lib/popover2/index.js +3 -4
  165. package/lib/preset.js +64 -18
  166. package/lib/process/index.js +26 -27
  167. package/lib/process/process.css +33 -36
  168. package/lib/process/process.less +7 -8
  169. package/lib/process/process.variable.css +35 -38
  170. package/lib/progress/index.js +26 -28
  171. package/lib/progress/progress.css +33 -33
  172. package/lib/progress/progress.less +5 -6
  173. package/lib/progress/progress.variable.css +35 -35
  174. package/lib/radio/index.js +32 -34
  175. package/lib/radio/radio.css +51 -51
  176. package/lib/radio/radio.less +20 -13
  177. package/lib/radio/radio.variable.css +53 -53
  178. package/lib/rate/index.js +22 -24
  179. package/lib/rate/rate.css +2 -2
  180. package/lib/rate/rate.less +1 -1
  181. package/lib/rate/rate.variable.css +4 -4
  182. package/lib/rate/star.css +7 -7
  183. package/lib/rate/star.less +1 -1
  184. package/lib/rate/star.variable.css +9 -9
  185. package/lib/resize-layout/index.js +25 -27
  186. package/lib/resize-layout/resize-layout.css +42 -42
  187. package/lib/resize-layout/resize-layout.less +10 -17
  188. package/lib/resize-layout/resize-layout.variable.css +44 -44
  189. package/lib/search-select/index.js +49 -68
  190. package/lib/search-select/search-select.css +15 -15
  191. package/lib/search-select/search-select.variable.css +17 -17
  192. package/lib/select/index.js +129 -168
  193. package/lib/select/select.css +87 -87
  194. package/lib/select/select.less +22 -27
  195. package/lib/select/select.variable.css +89 -89
  196. package/lib/shared/index.js +4 -7
  197. package/lib/sideslider/index.js +14 -22
  198. package/lib/sideslider/sideslider.css +14 -14
  199. package/lib/sideslider/sideslider.less +13 -9
  200. package/lib/sideslider/sideslider.variable.css +16 -16
  201. package/lib/slider/index.js +22 -36
  202. package/lib/slider/slider.css +31 -31
  203. package/lib/slider/slider.less +8 -8
  204. package/lib/slider/slider.variable.css +33 -33
  205. package/lib/steps/index.js +28 -30
  206. package/lib/steps/steps.css +134 -134
  207. package/lib/steps/steps.less +48 -44
  208. package/lib/steps/steps.variable.css +136 -136
  209. package/lib/styles/mixins/animate.css +4 -4
  210. package/lib/styles/mixins/animate.less +3 -3
  211. package/lib/styles/mixins/animate.variable.css +6 -6
  212. package/lib/styles/mixins/mixins.css +15 -15
  213. package/lib/styles/mixins/mixins.variable.css +15 -15
  214. package/lib/styles/mixins/popper.css +11 -11
  215. package/lib/styles/mixins/popper.less +6 -6
  216. package/lib/styles/mixins/popper.variable.css +13 -13
  217. package/lib/styles/mixins/scroll.css +5 -5
  218. package/lib/styles/mixins/scroll.less +4 -4
  219. package/lib/styles/mixins/scroll.variable.css +7 -7
  220. package/lib/styles/reset.css +6 -6
  221. package/lib/styles/reset.less +5 -4
  222. package/lib/styles/reset.variable.css +8 -8
  223. package/lib/styles/themes/themes.less +10 -3
  224. package/lib/swiper/index.js +14 -16
  225. package/lib/swiper/swiper.css +15 -15
  226. package/lib/swiper/swiper.less +8 -8
  227. package/lib/swiper/swiper.variable.css +17 -17
  228. package/lib/switcher/index.js +29 -31
  229. package/lib/switcher/switcher.css +57 -57
  230. package/lib/switcher/switcher.less +22 -14
  231. package/lib/switcher/switcher.variable.css +59 -59
  232. package/lib/tab/index.js +44 -46
  233. package/lib/tab/tab.css +78 -78
  234. package/lib/tab/tab.less +39 -40
  235. package/lib/tab/tab.variable.css +80 -80
  236. package/lib/table/components/table-column.d.ts +1 -0
  237. package/lib/table/index.d.ts +1 -0
  238. package/lib/table/index.js +168 -207
  239. package/lib/table/plugins/head-filter.css +13 -13
  240. package/lib/table/plugins/head-filter.less +3 -3
  241. package/lib/table/plugins/head-filter.variable.css +15 -15
  242. package/lib/table/plugins/head-sort.css +5 -5
  243. package/lib/table/plugins/head-sort.less +2 -2
  244. package/lib/table/plugins/head-sort.variable.css +7 -7
  245. package/lib/table/plugins/settings.css +26 -26
  246. package/lib/table/plugins/settings.less +3 -1
  247. package/lib/table/plugins/settings.variable.css +28 -28
  248. package/lib/table/table.css +380 -380
  249. package/lib/table/table.less +14 -10
  250. package/lib/table/table.variable.css +382 -382
  251. package/lib/table-column/index.d.ts +3 -0
  252. package/lib/table-column/index.js +57 -43
  253. package/lib/tag/index.js +19 -21
  254. package/lib/tag/tag.css +51 -51
  255. package/lib/tag/tag.less +34 -34
  256. package/lib/tag/tag.variable.css +53 -53
  257. package/lib/tag-input/index.js +65 -80
  258. package/lib/tag-input/tag-input.css +38 -38
  259. package/lib/tag-input/tag-input.less +3 -3
  260. package/lib/tag-input/tag-input.variable.css +40 -40
  261. package/lib/time-picker/index.d.ts +3 -0
  262. package/lib/time-picker/index.js +7 -9
  263. package/lib/time-picker/time-picker.css +40 -40
  264. package/lib/time-picker/time-picker.less +44 -76
  265. package/lib/time-picker/time-picker.variable.css +42 -42
  266. package/lib/timeline/index.js +12 -13
  267. package/lib/timeline/timeline.css +69 -69
  268. package/lib/timeline/timeline.less +12 -6
  269. package/lib/timeline/timeline.variable.css +71 -71
  270. package/lib/transfer/index.js +36 -51
  271. package/lib/transfer/transfer.css +89 -89
  272. package/lib/transfer/transfer.less +1 -1
  273. package/lib/transfer/transfer.variable.css +91 -91
  274. package/lib/tree/index.js +72 -92
  275. package/lib/tree/tree.css +49 -49
  276. package/lib/tree/tree.less +7 -6
  277. package/lib/tree/tree.variable.css +51 -51
  278. package/lib/upload/index.js +48 -63
  279. package/lib/upload/upload.css +98 -98
  280. package/lib/upload/upload.less +69 -68
  281. package/lib/upload/upload.variable.css +100 -100
  282. package/lib/virtual-render/index.js +33 -35
  283. package/lib/virtual-render/virtual-render.css +9 -9
  284. package/lib/virtual-render/virtual-render.less +1 -1
  285. package/lib/virtual-render/virtual-render.variable.css +11 -11
  286. package/package.json +2 -2
  287. package/lib/styles/themes/themes copy.less +0 -167
package/lib/dialog/dialog.css CHANGED
@@ -1,68 +1,68 @@
1
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper {
1
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
2
2
  width: 440px;
3
3
  }
4
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.normal {
4
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
5
5
  width: 440px;
6
6
  }
7
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.small {
7
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
8
8
  width: 400px;
9
9
  }
10
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
10
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
11
11
  border-radius: 2px;
12
12
  }
13
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
13
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
14
14
  padding: 24px 24px 0;
15
15
  }
16
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
16
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
17
17
  height: 27px;
18
18
  margin: 15px 0 10px;
19
19
  }
20
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
20
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
21
21
  height: 100%;
22
22
  max-height: 100%;
23
23
  min-height: 100%;
24
24
  padding: 0 50px 10px;
25
25
  word-break: break-all;
26
26
  }
27
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
27
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
28
28
  margin-bottom: 10px;
29
29
  text-align: center;
30
30
  word-break: break-all;
31
31
  }
32
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
32
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
33
33
  padding: 0 65px 33px;
34
34
  background-color: #fff;
35
35
  border-top: none;
36
36
  }
37
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
37
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
38
38
  min-width: 88px;
39
39
  }
40
- :where(.bk-modal-ctx) {
40
+ .bk-modal-ctx {
41
+ pointer-events: auto;
41
42
  top: 0px;
42
43
  left: 0px;
43
44
  width: 100%;
44
45
  height: 100%;
45
- pointer-events: auto;
46
46
  }
47
- :where(.bk-modal-ctx).--show {
47
+ .bk-modal-ctx.--show {
48
48
  position: fixed;
49
49
  }
50
- :where(.bk-modal-ctx).--hide {
50
+ .bk-modal-ctx.--hide {
51
51
  display: none;
52
52
  }
53
- :where(.bk-modal-ctx) .bk-modal-ctx-mask {
54
- top: 0;
55
- left: 0;
53
+ .bk-modal-ctx .bk-modal-ctx-mask {
56
54
  display: none;
55
+ left: 0;
56
+ top: 0;
57
57
  width: 100%;
58
58
  height: 100%;
59
59
  background-color: rgba(0, 0, 0, 0.6);
60
60
  }
61
- :where(.bk-modal-ctx) .bk-modal-ctx-mask.--show {
61
+ .bk-modal-ctx .bk-modal-ctx-mask.--show {
62
62
  position: fixed;
63
63
  display: inherit;
64
64
  }
65
- :where(.bk-modal-wrapper) {
65
+ .bk-modal-wrapper {
66
66
  position: absolute;
67
67
  top: 50%;
68
68
  left: 50%;
@@ -70,83 +70,83 @@
70
70
  border-radius: 2px;
71
71
  transform: translate(-50%, -50%);
72
72
  }
73
- :where(.bk-modal-wrapper) .bk-modal-outside {
73
+ .bk-modal-wrapper .bk-modal-outside {
74
74
  position: fixed;
75
75
  top: 0;
76
76
  right: 0;
77
77
  bottom: 0;
78
78
  left: 0;
79
79
  }
80
- :where(.bk-modal-wrapper).normal {
80
+ .bk-modal-wrapper.normal {
81
81
  width: 480px;
82
82
  height: 240px;
83
83
  }
84
- :where(.bk-modal-wrapper).small {
84
+ .bk-modal-wrapper.small {
85
85
  width: 400px;
86
86
  height: 200px;
87
87
  }
88
- :where(.bk-modal-wrapper).medium {
88
+ .bk-modal-wrapper.medium {
89
89
  width: 640px;
90
90
  height: 400px;
91
91
  }
92
- :where(.bk-modal-wrapper).large {
92
+ .bk-modal-wrapper.large {
93
93
  width: 960px;
94
94
  height: 720px;
95
95
  }
96
- :where(.bk-modal-wrapper) .bk-modal-body {
97
- width: 100%;
96
+ .bk-modal-wrapper .bk-modal-body {
98
97
  height: 100%;
98
+ width: 100%;
99
99
  background: #fff;
100
100
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
101
101
  }
102
- :where(.bk-dialog-wrapper) .bk-modal-wrapper {
102
+ .bk-dialog-wrapper .bk-modal-wrapper {
103
103
  position: relative;
104
104
  }
105
- :where(.bk-dialog-wrapper) .bk-modal-wrapper * {
105
+ .bk-dialog-wrapper .bk-modal-wrapper * {
106
106
  box-sizing: border-box;
107
107
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
108
108
  }
109
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.scroll-able .bk-modal-content {
109
+ .bk-dialog-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
110
110
  overflow: auto;
111
111
  }
112
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.multi-instance {
112
+ .bk-dialog-wrapper .bk-modal-wrapper.multi-instance {
113
113
  position: absolute;
114
114
  }
115
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-tool {
115
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-tool {
116
116
  position: absolute;
117
117
  top: 0;
118
118
  right: 0;
119
119
  left: 0;
120
120
  height: 18px;
121
121
  }
122
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .move {
122
+ .bk-dialog-wrapper .bk-modal-wrapper .move {
123
123
  cursor: move;
124
124
  }
125
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .content-dragging {
125
+ .bk-dialog-wrapper .bk-modal-wrapper .content-dragging {
126
126
  user-select: none;
127
127
  }
128
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header {
128
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header {
129
129
  padding: 16px 24px 12px;
130
130
  font-size: 20px;
131
131
  line-height: 1;
132
132
  }
133
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
133
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
134
134
  text-align: center;
135
135
  }
136
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
136
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
137
137
  display: inline-block;
138
138
  font-size: 48px;
139
139
  }
140
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
140
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
141
141
  color: #2dcb56;
142
142
  }
143
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
143
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
144
144
  color: #ff9c01;
145
145
  }
146
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
146
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
147
147
  color: #ea3636;
148
148
  }
149
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
149
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
150
150
  display: inline-block;
151
151
  width: 100%;
152
152
  overflow: hidden;
@@ -154,7 +154,7 @@
154
154
  text-overflow: ellipsis;
155
155
  white-space: nowrap;
156
156
  }
157
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-content {
157
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-content {
158
158
  height: calc(100% - 79px);
159
159
  max-height: calc(100vh - 300px);
160
160
  min-height: 141px;
@@ -163,19 +163,19 @@
163
163
  line-height: 1.5;
164
164
  color: #63656e;
165
165
  }
166
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.fullscreen .bk-modal-content {
166
+ .bk-dialog-wrapper .bk-modal-wrapper.fullscreen .bk-modal-content {
167
167
  max-height: calc(100vh - 137px);
168
168
  }
169
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.fullscreen.no-footer {
169
+ .bk-dialog-wrapper .bk-modal-wrapper.fullscreen.no-footer {
170
170
  max-height: calc(100vh - 79px);
171
171
  }
172
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-body {
172
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-body {
173
173
  padding-bottom: 48px;
174
174
  }
175
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.no-footer .bk-modal-body {
175
+ .bk-dialog-wrapper .bk-modal-wrapper.no-footer .bk-modal-body {
176
176
  padding-bottom: 0;
177
177
  }
178
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer {
178
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer {
179
179
  position: absolute;
180
180
  right: 0;
181
181
  bottom: 0;
@@ -186,17 +186,17 @@
186
186
  border-top: 1px solid #dcdee5;
187
187
  border-radius: 2px;
188
188
  }
189
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
189
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
190
190
  float: left;
191
191
  margin-right: 8px;
192
192
  }
193
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
193
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
194
194
  float: left;
195
195
  }
196
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
196
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
197
197
  margin-left: 8px;
198
198
  }
199
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-close {
199
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close {
200
200
  position: absolute;
201
201
  top: 4px;
202
202
  right: 4px;
@@ -204,6 +204,6 @@
204
204
  color: #c4c6cc;
205
205
  cursor: pointer;
206
206
  }
207
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-close:hover {
207
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close:hover {
208
208
  color: #979ba5;
209
209
  }
package/lib/dialog/dialog.less CHANGED
@@ -1,7 +1,7 @@
1
1
  @import '../styles/themes/themes.less';
2
2
  @import '../modal/modal.less';
3
3
 
4
- :where(.@{bk-prefix}-dialog-wrapper) {
4
+ .@{bk-prefix}-dialog-wrapper {
5
5
  .@{bk-prefix}-modal-wrapper {
6
6
  position: relative;
7
7
 
package/lib/dialog/dialog.variable.css CHANGED
@@ -12,13 +12,13 @@
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;
18
19
  --line-height-base: 16px;
19
20
  --line-height-medium: 16px;
20
21
  --line-height-large: 18px;
21
- --border-color: #dcdee5;
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
@@ -111,7 +111,7 @@
111
111
  --table-border-color: #dcdee5;
112
112
  --table-head-bg-color: #fafbfd;
113
113
  --table-head-font-color: #313238;
114
- --table-body-font-color: #63656e;
114
+ --table-body-font-color: #63656E;
115
115
  --table-row-hover-bg-color: #f5f7fa;
116
116
  --table-row-active-bg-color: #f0f1f5;
117
117
  --cascader-panel-border-color: #dcdee5;
@@ -127,71 +127,71 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper {
130
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
131
131
  width: 440px;
132
132
  }
133
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.normal {
133
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
134
134
  width: 440px;
135
135
  }
136
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.small {
136
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
137
137
  width: 400px;
138
138
  }
139
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
139
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
140
140
  border-radius: 2px;
141
141
  }
142
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
142
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
143
143
  padding: 24px 24px 0;
144
144
  }
145
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
145
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
146
146
  height: 27px;
147
147
  margin: 15px 0 10px;
148
148
  }
149
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
149
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
150
150
  height: 100%;
151
151
  max-height: 100%;
152
152
  min-height: 100%;
153
153
  padding: 0 50px 10px;
154
154
  word-break: break-all;
155
155
  }
156
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
156
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
157
157
  margin-bottom: 10px;
158
158
  text-align: center;
159
159
  word-break: break-all;
160
160
  }
161
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
161
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
162
162
  padding: 0 65px 33px;
163
163
  background-color: #fff;
164
164
  border-top: none;
165
165
  }
166
- :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
166
+ .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
167
167
  min-width: 88px;
168
168
  }
169
- :where(.bk-modal-ctx) {
169
+ .bk-modal-ctx {
170
+ pointer-events: auto;
170
171
  top: 0px;
171
172
  left: 0px;
172
173
  width: 100%;
173
174
  height: 100%;
174
- pointer-events: auto;
175
175
  }
176
- :where(.bk-modal-ctx).--show {
176
+ .bk-modal-ctx.--show {
177
177
  position: fixed;
178
178
  }
179
- :where(.bk-modal-ctx).--hide {
179
+ .bk-modal-ctx.--hide {
180
180
  display: none;
181
181
  }
182
- :where(.bk-modal-ctx) .bk-modal-ctx-mask {
183
- top: 0;
184
- left: 0;
182
+ .bk-modal-ctx .bk-modal-ctx-mask {
185
183
  display: none;
184
+ left: 0;
185
+ top: 0;
186
186
  width: 100%;
187
187
  height: 100%;
188
188
  background-color: rgba(0, 0, 0, 0.6);
189
189
  }
190
- :where(.bk-modal-ctx) .bk-modal-ctx-mask.--show {
190
+ .bk-modal-ctx .bk-modal-ctx-mask.--show {
191
191
  position: fixed;
192
192
  display: inherit;
193
193
  }
194
- :where(.bk-modal-wrapper) {
194
+ .bk-modal-wrapper {
195
195
  position: absolute;
196
196
  top: 50%;
197
197
  left: 50%;
@@ -199,83 +199,83 @@
199
199
  border-radius: 2px;
200
200
  transform: translate(-50%, -50%);
201
201
  }
202
- :where(.bk-modal-wrapper) .bk-modal-outside {
202
+ .bk-modal-wrapper .bk-modal-outside {
203
203
  position: fixed;
204
204
  top: 0;
205
205
  right: 0;
206
206
  bottom: 0;
207
207
  left: 0;
208
208
  }
209
- :where(.bk-modal-wrapper).normal {
209
+ .bk-modal-wrapper.normal {
210
210
  width: 480px;
211
211
  height: 240px;
212
212
  }
213
- :where(.bk-modal-wrapper).small {
213
+ .bk-modal-wrapper.small {
214
214
  width: 400px;
215
215
  height: 200px;
216
216
  }
217
- :where(.bk-modal-wrapper).medium {
217
+ .bk-modal-wrapper.medium {
218
218
  width: 640px;
219
219
  height: 400px;
220
220
  }
221
- :where(.bk-modal-wrapper).large {
221
+ .bk-modal-wrapper.large {
222
222
  width: 960px;
223
223
  height: 720px;
224
224
  }
225
- :where(.bk-modal-wrapper) .bk-modal-body {
226
- width: 100%;
225
+ .bk-modal-wrapper .bk-modal-body {
227
226
  height: 100%;
227
+ width: 100%;
228
228
  background: #fff;
229
229
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
230
230
  }
231
- :where(.bk-dialog-wrapper) .bk-modal-wrapper {
231
+ .bk-dialog-wrapper .bk-modal-wrapper {
232
232
  position: relative;
233
233
  }
234
- :where(.bk-dialog-wrapper) .bk-modal-wrapper * {
234
+ .bk-dialog-wrapper .bk-modal-wrapper * {
235
235
  box-sizing: border-box;
236
236
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
237
237
  }
238
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.scroll-able .bk-modal-content {
238
+ .bk-dialog-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
239
239
  overflow: auto;
240
240
  }
241
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.multi-instance {
241
+ .bk-dialog-wrapper .bk-modal-wrapper.multi-instance {
242
242
  position: absolute;
243
243
  }
244
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-tool {
244
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-tool {
245
245
  position: absolute;
246
246
  top: 0;
247
247
  right: 0;
248
248
  left: 0;
249
249
  height: 18px;
250
250
  }
251
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .move {
251
+ .bk-dialog-wrapper .bk-modal-wrapper .move {
252
252
  cursor: move;
253
253
  }
254
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .content-dragging {
254
+ .bk-dialog-wrapper .bk-modal-wrapper .content-dragging {
255
255
  user-select: none;
256
256
  }
257
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header {
257
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header {
258
258
  padding: 16px 24px 12px;
259
259
  font-size: 20px;
260
260
  line-height: 1;
261
261
  }
262
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
262
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon {
263
263
  text-align: center;
264
264
  }
265
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
265
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon {
266
266
  display: inline-block;
267
267
  font-size: 48px;
268
268
  }
269
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
269
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.success {
270
270
  color: #2dcb56;
271
271
  }
272
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
272
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.warning {
273
273
  color: #ff9c01;
274
274
  }
275
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
275
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-header-icon .bk-info-icon.danger {
276
276
  color: #ea3636;
277
277
  }
278
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
278
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
279
279
  display: inline-block;
280
280
  width: 100%;
281
281
  overflow: hidden;
@@ -283,7 +283,7 @@
283
283
  text-overflow: ellipsis;
284
284
  white-space: nowrap;
285
285
  }
286
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-content {
286
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-content {
287
287
  height: calc(100% - 79px);
288
288
  max-height: calc(100vh - 300px);
289
289
  min-height: 141px;
@@ -292,19 +292,19 @@
292
292
  line-height: 1.5;
293
293
  color: #63656e;
294
294
  }
295
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.fullscreen .bk-modal-content {
295
+ .bk-dialog-wrapper .bk-modal-wrapper.fullscreen .bk-modal-content {
296
296
  max-height: calc(100vh - 137px);
297
297
  }
298
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.fullscreen.no-footer {
298
+ .bk-dialog-wrapper .bk-modal-wrapper.fullscreen.no-footer {
299
299
  max-height: calc(100vh - 79px);
300
300
  }
301
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-body {
301
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-body {
302
302
  padding-bottom: 48px;
303
303
  }
304
- :where(.bk-dialog-wrapper) .bk-modal-wrapper.no-footer .bk-modal-body {
304
+ .bk-dialog-wrapper .bk-modal-wrapper.no-footer .bk-modal-body {
305
305
  padding-bottom: 0;
306
306
  }
307
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer {
307
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer {
308
308
  position: absolute;
309
309
  right: 0;
310
310
  bottom: 0;
@@ -315,17 +315,17 @@
315
315
  border-top: 1px solid #dcdee5;
316
316
  border-radius: 2px;
317
317
  }
318
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
318
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-perv {
319
319
  float: left;
320
320
  margin-right: 8px;
321
321
  }
322
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
322
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-next {
323
323
  float: left;
324
324
  }
325
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
325
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-cancel {
326
326
  margin-left: 8px;
327
327
  }
328
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-close {
328
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close {
329
329
  position: absolute;
330
330
  top: 4px;
331
331
  right: 4px;
@@ -333,6 +333,6 @@
333
333
  color: #c4c6cc;
334
334
  cursor: pointer;
335
335
  }
336
- :where(.bk-dialog-wrapper) .bk-modal-wrapper .bk-modal-close:hover {
336
+ .bk-dialog-wrapper .bk-modal-wrapper .bk-modal-close:hover {
337
337
  color: #979ba5;
338
338
  }