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/card/card.css CHANGED
@@ -11,12 +11,12 @@
11
11
  background-color: transparent;
12
12
  }
13
13
  }
14
- :where(.bk-transition) .bk-fade-enter-active,
15
- :where(.bk-transition) .bk-fade-leave-active {
14
+ .bk-transition .bk-fade-enter-active,
15
+ .bk-transition .bk-fade-leave-active {
16
16
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
17
17
  }
18
- :where(.bk-transition) .bk-fade-enter,
19
- :where(.bk-transition) .bk-fade-leave-to {
18
+ .bk-transition .bk-fade-enter,
19
+ .bk-transition .bk-fade-leave-to {
20
20
  opacity: 0;
21
21
  }
22
22
  .clearfix-style::after {
@@ -27,7 +27,7 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
- :where(.bk-popper) {
30
+ .bk-popper {
31
31
  display: none;
32
32
  padding: 7px 14px;
33
33
  font-size: 12px;
@@ -35,42 +35,42 @@
35
35
  background: #333;
36
36
  border-radius: 4px;
37
37
  }
38
- :where(.bk-popper).light {
38
+ .bk-popper.light {
39
39
  color: #63656e;
40
40
  background: #fff;
41
41
  box-shadow: #dcdee5 0 0 6px 0;
42
42
  }
43
- :where(.bk-popper) .bk-popper-arrow,
44
- :where(.bk-popper) .bk-popper-arrow::before {
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
45
  position: absolute;
46
46
  width: 8px;
47
47
  height: 8px;
48
48
  background: inherit;
49
49
  }
50
- :where(.bk-popper) .bk-popper-arrow {
50
+ .bk-popper .bk-popper-arrow {
51
51
  visibility: hidden;
52
52
  }
53
- :where(.bk-popper) .bk-popper-arrow::before {
53
+ .bk-popper .bk-popper-arrow::before {
54
54
  content: '';
55
55
  visibility: visible;
56
56
  transform: rotate(45deg);
57
57
  }
58
- :where(.bk-popper)[data-show] {
58
+ .bk-popper[data-show] {
59
59
  display: block;
60
60
  }
61
- :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
62
  bottom: -4px;
63
63
  }
64
- :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
65
  top: -4px;
66
66
  }
67
- :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
68
  right: -4px;
69
69
  }
70
- :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
71
  left: -4px;
72
72
  }
73
- :where(.bk-card) {
73
+ .bk-card {
74
74
  position: relative;
75
75
  display: inline-block;
76
76
  width: 100%;
@@ -80,10 +80,10 @@
80
80
  border: 1px solid #dcdee5;
81
81
  border-radius: 2px;
82
82
  }
83
- :where(.bk-card):hover {
83
+ .bk-card:hover {
84
84
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
85
85
  }
86
- :where(.bk-card) .bk-card-head {
86
+ .bk-card .bk-card-head {
87
87
  position: relative;
88
88
  display: flex;
89
89
  width: 100%;
@@ -92,7 +92,7 @@
92
92
  line-height: 50px;
93
93
  border-bottom: 1px solid #f0f2f5;
94
94
  }
95
- :where(.bk-card) .bk-card-head .title {
95
+ .bk-card .bk-card-head .title {
96
96
  font-weight: 600;
97
97
  color: #63656e;
98
98
  display: inline-block;
@@ -101,24 +101,24 @@
101
101
  text-overflow: ellipsis;
102
102
  white-space: nowrap;
103
103
  }
104
- :where(.bk-card) .bk-card-head .bk-card-input {
104
+ .bk-card .bk-card-head .bk-card-input {
105
105
  display: inline-block;
106
106
  line-height: 32px;
107
107
  }
108
- :where(.bk-card) .bk-card-head.no-line-height {
108
+ .bk-card .bk-card-head.no-line-height {
109
109
  line-height: unset;
110
110
  }
111
- :where(.bk-card) .bk-card-head.collapse {
111
+ .bk-card .bk-card-head.collapse {
112
112
  border-bottom: none;
113
113
  }
114
- :where(.bk-card) .bk-card-head .bk-card-icon {
114
+ .bk-card .bk-card-head .bk-card-icon {
115
115
  position: absolute;
116
116
  top: 3px;
117
117
  font-size: 20px;
118
118
  color: #979ba5;
119
119
  cursor: pointer;
120
120
  }
121
- :where(.bk-card) .bk-card-edit {
121
+ .bk-card .bk-card-edit {
122
122
  display: inline-block;
123
123
  margin-left: 4px;
124
124
  font-size: 18px;
@@ -126,33 +126,33 @@
126
126
  color: #c4c6cc;
127
127
  cursor: pointer;
128
128
  }
129
- :where(.bk-card) .bk-card-head-left {
129
+ .bk-card .bk-card-head-left {
130
130
  padding-right: 20px;
131
131
  padding-left: 24px;
132
132
  }
133
- :where(.bk-card) .bk-card-head-left .bk-card-icon {
133
+ .bk-card .bk-card-head-left .bk-card-icon {
134
134
  left: 6px;
135
135
  }
136
- :where(.bk-card) .bk-card-head-right {
136
+ .bk-card .bk-card-head-right {
137
137
  padding-right: 30px;
138
138
  padding-left: 24px;
139
139
  }
140
- :where(.bk-card) .bk-card-head-right .bk-card-icon {
140
+ .bk-card .bk-card-head-right .bk-card-icon {
141
141
  right: 10px;
142
142
  }
143
- :where(.bk-card) .bk-card-body {
143
+ .bk-card .bk-card-body {
144
144
  width: 100%;
145
145
  padding: 0 24px;
146
146
  text-align: left;
147
147
  }
148
- :where(.bk-card) .bk-card-footer {
148
+ .bk-card .bk-card-footer {
149
149
  width: 100%;
150
150
  height: 50px;
151
151
  line-height: 50px;
152
152
  border-top: 1px solid #f0f2f5;
153
153
  border-bottom: 1px solid #f0f2f5;
154
154
  }
155
- :where(.bk-card-border-none) {
155
+ .bk-card-border-none {
156
156
  border: none;
157
157
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
158
158
  }
@@ -3,7 +3,7 @@
3
3
 
4
4
  @border-color: #f0f2f5;
5
5
 
6
- :where(.@{bk-prefix}-card) {
6
+ .@{bk-prefix}-card {
7
7
  position: relative;
8
8
  display: inline-block;
9
9
  width: 100%;
@@ -14,7 +14,7 @@
14
14
  border-radius: @border-radius-base;
15
15
 
16
16
  &:hover {
17
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
17
+ box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
18
18
  }
19
19
  .@{bk-prefix}-card-head {
20
20
  position: relative;
@@ -86,7 +86,7 @@
86
86
  border-bottom: 1px solid @border-color;
87
87
  }
88
88
  }
89
- :where(.@{bk-prefix}-card-border-none) {
89
+ .@{bk-prefix}-card-border-none {
90
90
  border: none;
91
- box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
91
+ box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
92
92
  }
@@ -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;
@@ -140,12 +140,12 @@
140
140
  background-color: transparent;
141
141
  }
142
142
  }
143
- :where(.bk-transition) .bk-fade-enter-active,
144
- :where(.bk-transition) .bk-fade-leave-active {
143
+ .bk-transition .bk-fade-enter-active,
144
+ .bk-transition .bk-fade-leave-active {
145
145
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
146
146
  }
147
- :where(.bk-transition) .bk-fade-enter,
148
- :where(.bk-transition) .bk-fade-leave-to {
147
+ .bk-transition .bk-fade-enter,
148
+ .bk-transition .bk-fade-leave-to {
149
149
  opacity: 0;
150
150
  }
151
151
  .clearfix-style::after {
@@ -156,7 +156,7 @@
156
156
  content: '';
157
157
  visibility: hidden;
158
158
  }
159
- :where(.bk-popper) {
159
+ .bk-popper {
160
160
  display: none;
161
161
  padding: 7px 14px;
162
162
  font-size: 12px;
@@ -164,42 +164,42 @@
164
164
  background: #333;
165
165
  border-radius: 4px;
166
166
  }
167
- :where(.bk-popper).light {
167
+ .bk-popper.light {
168
168
  color: #63656e;
169
169
  background: #fff;
170
170
  box-shadow: #dcdee5 0 0 6px 0;
171
171
  }
172
- :where(.bk-popper) .bk-popper-arrow,
173
- :where(.bk-popper) .bk-popper-arrow::before {
172
+ .bk-popper .bk-popper-arrow,
173
+ .bk-popper .bk-popper-arrow::before {
174
174
  position: absolute;
175
175
  width: 8px;
176
176
  height: 8px;
177
177
  background: inherit;
178
178
  }
179
- :where(.bk-popper) .bk-popper-arrow {
179
+ .bk-popper .bk-popper-arrow {
180
180
  visibility: hidden;
181
181
  }
182
- :where(.bk-popper) .bk-popper-arrow::before {
182
+ .bk-popper .bk-popper-arrow::before {
183
183
  content: '';
184
184
  visibility: visible;
185
185
  transform: rotate(45deg);
186
186
  }
187
- :where(.bk-popper)[data-show] {
187
+ .bk-popper[data-show] {
188
188
  display: block;
189
189
  }
190
- :where(.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow) {
190
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
191
191
  bottom: -4px;
192
192
  }
193
- :where(.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow) {
193
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
194
194
  top: -4px;
195
195
  }
196
- :where(.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow) {
196
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
197
197
  right: -4px;
198
198
  }
199
- :where(.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow) {
199
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
200
200
  left: -4px;
201
201
  }
202
- :where(.bk-card) {
202
+ .bk-card {
203
203
  position: relative;
204
204
  display: inline-block;
205
205
  width: 100%;
@@ -209,10 +209,10 @@
209
209
  border: 1px solid #dcdee5;
210
210
  border-radius: 2px;
211
211
  }
212
- :where(.bk-card):hover {
212
+ .bk-card:hover {
213
213
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
214
214
  }
215
- :where(.bk-card) .bk-card-head {
215
+ .bk-card .bk-card-head {
216
216
  position: relative;
217
217
  display: flex;
218
218
  width: 100%;
@@ -221,7 +221,7 @@
221
221
  line-height: 50px;
222
222
  border-bottom: 1px solid #f0f2f5;
223
223
  }
224
- :where(.bk-card) .bk-card-head .title {
224
+ .bk-card .bk-card-head .title {
225
225
  font-weight: 600;
226
226
  color: #63656e;
227
227
  display: inline-block;
@@ -230,24 +230,24 @@
230
230
  text-overflow: ellipsis;
231
231
  white-space: nowrap;
232
232
  }
233
- :where(.bk-card) .bk-card-head .bk-card-input {
233
+ .bk-card .bk-card-head .bk-card-input {
234
234
  display: inline-block;
235
235
  line-height: 32px;
236
236
  }
237
- :where(.bk-card) .bk-card-head.no-line-height {
237
+ .bk-card .bk-card-head.no-line-height {
238
238
  line-height: unset;
239
239
  }
240
- :where(.bk-card) .bk-card-head.collapse {
240
+ .bk-card .bk-card-head.collapse {
241
241
  border-bottom: none;
242
242
  }
243
- :where(.bk-card) .bk-card-head .bk-card-icon {
243
+ .bk-card .bk-card-head .bk-card-icon {
244
244
  position: absolute;
245
245
  top: 3px;
246
246
  font-size: 20px;
247
247
  color: #979ba5;
248
248
  cursor: pointer;
249
249
  }
250
- :where(.bk-card) .bk-card-edit {
250
+ .bk-card .bk-card-edit {
251
251
  display: inline-block;
252
252
  margin-left: 4px;
253
253
  font-size: 18px;
@@ -255,33 +255,33 @@
255
255
  color: #c4c6cc;
256
256
  cursor: pointer;
257
257
  }
258
- :where(.bk-card) .bk-card-head-left {
258
+ .bk-card .bk-card-head-left {
259
259
  padding-right: 20px;
260
260
  padding-left: 24px;
261
261
  }
262
- :where(.bk-card) .bk-card-head-left .bk-card-icon {
262
+ .bk-card .bk-card-head-left .bk-card-icon {
263
263
  left: 6px;
264
264
  }
265
- :where(.bk-card) .bk-card-head-right {
265
+ .bk-card .bk-card-head-right {
266
266
  padding-right: 30px;
267
267
  padding-left: 24px;
268
268
  }
269
- :where(.bk-card) .bk-card-head-right .bk-card-icon {
269
+ .bk-card .bk-card-head-right .bk-card-icon {
270
270
  right: 10px;
271
271
  }
272
- :where(.bk-card) .bk-card-body {
272
+ .bk-card .bk-card-body {
273
273
  width: 100%;
274
274
  padding: 0 24px;
275
275
  text-align: left;
276
276
  }
277
- :where(.bk-card) .bk-card-footer {
277
+ .bk-card .bk-card-footer {
278
278
  width: 100%;
279
279
  height: 50px;
280
280
  line-height: 50px;
281
281
  border-top: 1px solid #f0f2f5;
282
282
  border-bottom: 1px solid #f0f2f5;
283
283
  }
284
- :where(.bk-card-border-none) {
284
+ .bk-card-border-none {
285
285
  border: none;
286
286
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
287
287
  }
package/lib/card/index.js CHANGED
@@ -1,12 +1,9 @@
1
- import "../styles/reset.css";
2
- import "./card.less";
3
- import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
1
+ import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
4
2
  import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
5
- import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_collapse_transition_3d6ae990__ from "../collapse-transition";
6
- import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
7
- import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
8
- import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
9
- import "../input/input.less";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__collapse_transition_cbd5c828__ from "../collapse-transition";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
6
+ import * as __WEBPACK_EXTERNAL_MODULE__input_752b0149__ from "../input";
10
7
  /******/ // The require scope
11
8
  /******/ var __webpack_require__ = {};
12
9
  /******/
@@ -39,7 +36,7 @@ __webpack_require__.d(__webpack_exports__, {
39
36
  ;// CONCATENATED MODULE: external "../shared"
40
37
  var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
41
38
  var y = x => () => x
42
- const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
39
+ const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
43
40
  ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
44
41
  function _typeof(o) {
45
42
  "@babel/helpers - typeof";
@@ -90,25 +87,21 @@ var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
90
87
  var external_vue_y = x => () => x
91
88
  const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
92
89
  ;// CONCATENATED MODULE: external "../collapse-transition"
93
- var collapse_transition_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
94
- var collapse_transition_y = x => () => x
95
- const collapse_transition_namespaceObject = collapse_transition_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_collapse_transition_3d6ae990__["default"] });
90
+ var external_collapse_transition_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
91
+ var external_collapse_transition_y = x => () => x
92
+ const external_collapse_transition_namespaceObject = external_collapse_transition_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__collapse_transition_cbd5c828__["default"] });
96
93
  ;// CONCATENATED MODULE: external "../config-provider"
97
- var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
98
- var config_provider_y = x => () => x
99
- const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
94
+ var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
95
+ var external_config_provider_y = x => () => x
96
+ const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
100
97
  ;// CONCATENATED MODULE: external "../icon"
101
- var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
102
- var icon_y = x => () => x
103
- const icon_namespaceObject = icon_x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleDown, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight, ["EditLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.EditLine });
98
+ var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
99
+ var external_icon_y = x => () => x
100
+ const external_icon_namespaceObject = external_icon_x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleDown, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight, ["EditLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.EditLine });
104
101
  ;// CONCATENATED MODULE: external "../input"
105
- var input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
106
- var input_y = x => () => x
107
- const input_namespaceObject = input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__["default"] });
108
- ;// CONCATENATED MODULE: external "../input/input.less"
109
- var input_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
110
- var input_less_y = x => () => x
111
- const input_less_namespaceObject = input_less_x({ });
102
+ var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
103
+ var external_input_y = x => () => x
104
+ const external_input_namespaceObject = external_input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__input_752b0149__["default"] });
112
105
  ;// CONCATENATED MODULE: ../../packages/card/src/card.tsx
113
106
 
114
107
 
@@ -143,19 +136,18 @@ const input_less_namespaceObject = input_less_x({ });
143
136
 
144
137
 
145
138
 
146
-
147
139
  /* harmony default export */ const card = ((0,external_vue_namespaceObject.defineComponent)({
148
140
  name: 'Card',
149
141
  props: {
150
- title: shared_namespaceObject.PropTypes.string,
151
- showHeader: shared_namespaceObject.PropTypes.bool.def(true),
152
- showFooter: shared_namespaceObject.PropTypes.bool.def(false),
153
- collapseStatus: shared_namespaceObject.PropTypes.bool.def(true),
154
- border: shared_namespaceObject.PropTypes.bool.def(true),
155
- disableHeaderStyle: shared_namespaceObject.PropTypes.bool.def(false),
156
- position: shared_namespaceObject.PropTypes.string.def('left'),
157
- isEdit: shared_namespaceObject.PropTypes.bool.def(false),
158
- isCollapse: shared_namespaceObject.PropTypes.bool.def(false)
142
+ title: external_shared_namespaceObject.PropTypes.string,
143
+ showHeader: external_shared_namespaceObject.PropTypes.bool.def(true),
144
+ showFooter: external_shared_namespaceObject.PropTypes.bool.def(false),
145
+ collapseStatus: external_shared_namespaceObject.PropTypes.bool.def(true),
146
+ border: external_shared_namespaceObject.PropTypes.bool.def(true),
147
+ disableHeaderStyle: external_shared_namespaceObject.PropTypes.bool.def(false),
148
+ position: external_shared_namespaceObject.PropTypes.string.def('left'),
149
+ isEdit: external_shared_namespaceObject.PropTypes.bool.def(false),
150
+ isCollapse: external_shared_namespaceObject.PropTypes.bool.def(false)
159
151
  },
160
152
  emits: ['update:collapseStatus', 'edit'],
161
153
  setup: function setup(props, _ref) {
@@ -195,7 +187,7 @@ const input_less_namespaceObject = input_less_x({ });
195
187
  }, {
196
188
  immediate: true
197
189
  });
198
- var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
190
+ var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
199
191
  resolveClassName = _usePrefix.resolveClassName;
200
192
  var wrapperClsName = resolveClassName('card');
201
193
  return {
@@ -222,12 +214,12 @@ const input_less_namespaceObject = input_less_x({ });
222
214
  _this$$slots$footer,
223
215
  _this$$slots$footer2,
224
216
  _this$$slots4;
225
- var cardClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(this.wrapperClsName), true), "".concat(this.wrapperClsName, "-border-none"), !this.$props.border), '');
226
- var headClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.wrapperClsName, "-head"), true), "".concat(this.wrapperClsName, "-head-").concat(this.$props.position), this.$props.isCollapse && this.$props.position), 'no-line-height', this.$props.disableHeaderStyle), 'collapse', !this.collapseActive), '');
217
+ var cardClass = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(this.wrapperClsName), true), "".concat(this.wrapperClsName, "-border-none"), !this.$props.border), '');
218
+ var headClass = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.wrapperClsName, "-head"), true), "".concat(this.wrapperClsName, "-head-").concat(this.$props.position), this.$props.isCollapse && this.$props.position), 'no-line-height', this.$props.disableHeaderStyle), 'collapse', !this.collapseActive), '');
227
219
  var defaultHeader = (0,external_vue_namespaceObject.createVNode)("div", {
228
220
  "class": "title",
229
221
  "title": this.renderTitle
230
- }, [this.showInput ? (0,external_vue_namespaceObject.createVNode)(input_namespaceObject["default"], {
222
+ }, [this.showInput ? (0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], {
231
223
  "class": "".concat(this.wrapperClsName, "-input"),
232
224
  "modelValue": _this.renderTitle,
233
225
  "onUpdate:modelValue": function onUpdateModelValue($event) {
@@ -238,15 +230,15 @@ const input_less_namespaceObject = input_less_x({ });
238
230
  var defaultIcon = (0,external_vue_namespaceObject.createVNode)("span", {
239
231
  "class": "".concat(this.wrapperClsName, "-icon"),
240
232
  "onClick": this.handleCollapse
241
- }, [this.collapseActive ? (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleDown, null, null) : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)]);
233
+ }, [this.collapseActive ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleDown, null, null) : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, null, null)]);
242
234
  return (0,external_vue_namespaceObject.createVNode)("div", {
243
235
  "class": cardClass
244
236
  }, [this.$props.showHeader ? (0,external_vue_namespaceObject.createVNode)("div", {
245
237
  "class": headClass
246
- }, [this.$props.isCollapse && ((_this$$slots$icon = (_this$$slots$icon2 = (_this$$slots = this.$slots).icon) === null || _this$$slots$icon2 === void 0 ? void 0 : _this$$slots$icon2.call(_this$$slots)) !== null && _this$$slots$icon !== void 0 ? _this$$slots$icon : defaultIcon), (_this$$slots$header = (_this$$slots$header2 = (_this$$slots2 = this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots2)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : defaultHeader, this.$props.isEdit && !this.showInput && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.EditLine, {
238
+ }, [this.$props.isCollapse && ((_this$$slots$icon = (_this$$slots$icon2 = (_this$$slots = this.$slots).icon) === null || _this$$slots$icon2 === void 0 ? void 0 : _this$$slots$icon2.call(_this$$slots)) !== null && _this$$slots$icon !== void 0 ? _this$$slots$icon : defaultIcon), (_this$$slots$header = (_this$$slots$header2 = (_this$$slots2 = this.$slots).header) === null || _this$$slots$header2 === void 0 ? void 0 : _this$$slots$header2.call(_this$$slots2)) !== null && _this$$slots$header !== void 0 ? _this$$slots$header : defaultHeader, this.$props.isEdit && !this.showInput && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.EditLine, {
247
239
  "class": "".concat(this.wrapperClsName, "-edit"),
248
240
  "onClick": this.clickEdit
249
- }, null)]) : '', (0,external_vue_namespaceObject.createVNode)(collapse_transition_namespaceObject["default"], null, {
241
+ }, null)]) : '', (0,external_vue_namespaceObject.createVNode)(external_collapse_transition_namespaceObject["default"], null, {
250
242
  "default": function _default() {
251
243
  return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createVNode)("div", {
252
244
  "class": "".concat(_this.wrapperClsName, "-body")
@@ -285,7 +277,7 @@ const input_less_namespaceObject = input_less_x({ });
285
277
  */
286
278
 
287
279
 
288
- var BkCard = (0,shared_namespaceObject.withInstall)(card);
280
+ var BkCard = (0,external_shared_namespaceObject.withInstall)(card);
289
281
  /* harmony default export */ const src = (BkCard);
290
282
  var __webpack_exports__default = __webpack_exports__["default"];
291
283
  export { __webpack_exports__default as default };