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

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 (205) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/affix/affix.css +1 -1
  4. package/lib/affix/affix.less +2 -2
  5. package/lib/affix/affix.variable.css +3 -3
  6. package/lib/alert/alert.css +21 -21
  7. package/lib/alert/alert.less +17 -16
  8. package/lib/alert/alert.variable.css +23 -23
  9. package/lib/backtop/backtop.css +11 -11
  10. package/lib/backtop/backtop.less +3 -3
  11. package/lib/backtop/backtop.variable.css +13 -13
  12. package/lib/badge/badge.css +32 -32
  13. package/lib/badge/badge.less +5 -5
  14. package/lib/badge/badge.variable.css +34 -34
  15. package/lib/breadcrumb/breadcrumb.css +31 -31
  16. package/lib/breadcrumb/breadcrumb.less +8 -8
  17. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  18. package/lib/button/button.css +69 -69
  19. package/lib/button/button.less +3 -5
  20. package/lib/button/button.variable.css +71 -71
  21. package/lib/card/card.css +31 -31
  22. package/lib/card/card.less +4 -4
  23. package/lib/card/card.variable.css +33 -33
  24. package/lib/cascader/cascader.css +63 -63
  25. package/lib/cascader/cascader.less +12 -11
  26. package/lib/cascader/cascader.variable.css +65 -65
  27. package/lib/checkbox/checkbox.css +21 -21
  28. package/lib/checkbox/checkbox.less +8 -8
  29. package/lib/checkbox/checkbox.variable.css +23 -23
  30. package/lib/code-diff/code-diff.css +97 -97
  31. package/lib/code-diff/code-diff.less +3 -4
  32. package/lib/code-diff/code-diff.variable.css +99 -99
  33. package/lib/collapse/collapse.css +30 -30
  34. package/lib/collapse/collapse.less +25 -24
  35. package/lib/collapse/collapse.variable.css +32 -32
  36. package/lib/collapse-transition/collapse-transition.css +32 -32
  37. package/lib/collapse-transition/collapse-transition.less +59 -48
  38. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  39. package/lib/color-picker/color-picker.css +57 -57
  40. package/lib/color-picker/color-picker.less +36 -30
  41. package/lib/color-picker/color-picker.variable.css +59 -59
  42. package/lib/config-provider/config-provider.variable.css +2 -2
  43. package/lib/container/container.css +19 -19
  44. package/lib/container/container.less +3 -3
  45. package/lib/container/container.variable.css +21 -21
  46. package/lib/date-picker/date-picker.css +92 -92
  47. package/lib/date-picker/date-picker.less +55 -54
  48. package/lib/date-picker/date-picker.variable.css +94 -94
  49. package/lib/dialog/dialog.css +51 -51
  50. package/lib/dialog/dialog.less +1 -1
  51. package/lib/dialog/dialog.variable.css +53 -53
  52. package/lib/divider/divider.css +8 -8
  53. package/lib/divider/divider.less +5 -8
  54. package/lib/divider/divider.variable.css +10 -10
  55. package/lib/dropdown/dropdown.css +15 -15
  56. package/lib/dropdown/dropdown.less +6 -6
  57. package/lib/dropdown/dropdown.variable.css +17 -17
  58. package/lib/exception/exception.css +13 -13
  59. package/lib/exception/exception.less +6 -6
  60. package/lib/exception/exception.variable.css +15 -15
  61. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  62. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  63. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  64. package/lib/form/form.css +63 -63
  65. package/lib/form/form.less +14 -16
  66. package/lib/form/form.variable.css +65 -65
  67. package/lib/image/image-viewer.css +23 -23
  68. package/lib/image/image-viewer.less +24 -25
  69. package/lib/image/image-viewer.variable.css +25 -25
  70. package/lib/image/image.css +29 -29
  71. package/lib/image/image.less +6 -8
  72. package/lib/image/image.variable.css +31 -31
  73. package/lib/info-box/info-box.css +10 -10
  74. package/lib/info-box/info-box.less +1 -2
  75. package/lib/info-box/info-box.variable.css +12 -12
  76. package/lib/input/input.css +102 -104
  77. package/lib/input/input.less +27 -33
  78. package/lib/input/input.variable.css +104 -106
  79. package/lib/link/link.css +18 -18
  80. package/lib/link/link.less +1 -3
  81. package/lib/link/link.variable.css +20 -20
  82. package/lib/loading/loading.css +94 -94
  83. package/lib/loading/loading.less +4 -4
  84. package/lib/loading/loading.variable.css +96 -96
  85. package/lib/menu/menu.css +38 -38
  86. package/lib/menu/menu.less +10 -10
  87. package/lib/menu/menu.variable.css +40 -40
  88. package/lib/menu/submenu.css +1 -1
  89. package/lib/menu/submenu.less +1 -1
  90. package/lib/menu/submenu.variable.css +3 -3
  91. package/lib/message/message.css +59 -59
  92. package/lib/message/message.less +25 -24
  93. package/lib/message/message.variable.css +61 -61
  94. package/lib/modal/modal.css +26 -26
  95. package/lib/modal/modal.less +8 -12
  96. package/lib/modal/modal.variable.css +28 -28
  97. package/lib/navigation/navigation.css +25 -25
  98. package/lib/navigation/navigation.less +9 -9
  99. package/lib/navigation/navigation.variable.css +27 -27
  100. package/lib/notify/notify.css +17 -17
  101. package/lib/notify/notify.less +8 -6
  102. package/lib/notify/notify.variable.css +19 -19
  103. package/lib/pagination/pagination.css +60 -60
  104. package/lib/pagination/pagination.less +24 -25
  105. package/lib/pagination/pagination.variable.css +62 -62
  106. package/lib/pop-confirm/pop-confirm.css +10 -10
  107. package/lib/pop-confirm/pop-confirm.less +14 -11
  108. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  109. package/lib/popover/popover.css +5 -5
  110. package/lib/popover/popover.less +5 -6
  111. package/lib/popover/popover.variable.css +7 -7
  112. package/lib/process/process.css +36 -33
  113. package/lib/process/process.less +8 -7
  114. package/lib/process/process.variable.css +38 -35
  115. package/lib/progress/progress.css +33 -33
  116. package/lib/progress/progress.less +6 -5
  117. package/lib/progress/progress.variable.css +35 -35
  118. package/lib/radio/radio.css +51 -51
  119. package/lib/radio/radio.less +13 -20
  120. package/lib/radio/radio.variable.css +53 -53
  121. package/lib/rate/rate.css +2 -2
  122. package/lib/rate/rate.less +1 -1
  123. package/lib/rate/rate.variable.css +4 -4
  124. package/lib/rate/star.css +7 -7
  125. package/lib/rate/star.less +1 -1
  126. package/lib/rate/star.variable.css +9 -9
  127. package/lib/resize-layout/resize-layout.css +42 -42
  128. package/lib/resize-layout/resize-layout.less +17 -10
  129. package/lib/resize-layout/resize-layout.variable.css +44 -44
  130. package/lib/search-select/search-select.css +15 -15
  131. package/lib/search-select/search-select.variable.css +17 -17
  132. package/lib/select/select.css +87 -87
  133. package/lib/select/select.less +27 -22
  134. package/lib/select/select.variable.css +89 -89
  135. package/lib/sideslider/sideslider.css +14 -14
  136. package/lib/sideslider/sideslider.less +9 -13
  137. package/lib/sideslider/sideslider.variable.css +16 -16
  138. package/lib/slider/slider.css +31 -31
  139. package/lib/slider/slider.less +8 -8
  140. package/lib/slider/slider.variable.css +33 -33
  141. package/lib/steps/steps.css +134 -134
  142. package/lib/steps/steps.less +44 -48
  143. package/lib/steps/steps.variable.css +136 -136
  144. package/lib/styles/mixins/animate.css +4 -4
  145. package/lib/styles/mixins/animate.less +3 -3
  146. package/lib/styles/mixins/animate.variable.css +6 -6
  147. package/lib/styles/mixins/mixins.css +15 -15
  148. package/lib/styles/mixins/mixins.variable.css +15 -15
  149. package/lib/styles/mixins/popper.css +11 -11
  150. package/lib/styles/mixins/popper.less +6 -6
  151. package/lib/styles/mixins/popper.variable.css +13 -13
  152. package/lib/styles/mixins/scroll.css +5 -5
  153. package/lib/styles/mixins/scroll.less +4 -4
  154. package/lib/styles/mixins/scroll.variable.css +7 -7
  155. package/lib/styles/reset.css +6 -6
  156. package/lib/styles/reset.less +4 -5
  157. package/lib/styles/reset.variable.css +8 -8
  158. package/lib/styles/themes/themes copy.less +167 -0
  159. package/lib/styles/themes/themes.less +3 -10
  160. package/lib/swiper/swiper.css +15 -15
  161. package/lib/swiper/swiper.less +8 -8
  162. package/lib/swiper/swiper.variable.css +17 -17
  163. package/lib/switcher/switcher.css +57 -57
  164. package/lib/switcher/switcher.less +14 -22
  165. package/lib/switcher/switcher.variable.css +59 -59
  166. package/lib/tab/tab.css +78 -78
  167. package/lib/tab/tab.less +40 -39
  168. package/lib/tab/tab.variable.css +80 -80
  169. package/lib/table/plugins/head-filter.css +13 -13
  170. package/lib/table/plugins/head-filter.less +3 -3
  171. package/lib/table/plugins/head-filter.variable.css +15 -15
  172. package/lib/table/plugins/head-sort.css +5 -5
  173. package/lib/table/plugins/head-sort.less +2 -2
  174. package/lib/table/plugins/head-sort.variable.css +7 -7
  175. package/lib/table/plugins/settings.css +26 -26
  176. package/lib/table/plugins/settings.less +1 -3
  177. package/lib/table/plugins/settings.variable.css +28 -28
  178. package/lib/table/table.css +380 -380
  179. package/lib/table/table.less +10 -14
  180. package/lib/table/table.variable.css +382 -382
  181. package/lib/tag/tag.css +51 -51
  182. package/lib/tag/tag.less +34 -34
  183. package/lib/tag/tag.variable.css +53 -53
  184. package/lib/tag-input/tag-input.css +38 -38
  185. package/lib/tag-input/tag-input.less +3 -3
  186. package/lib/tag-input/tag-input.variable.css +40 -40
  187. package/lib/time-picker/time-picker.css +40 -40
  188. package/lib/time-picker/time-picker.less +76 -44
  189. package/lib/time-picker/time-picker.variable.css +42 -42
  190. package/lib/timeline/timeline.css +69 -69
  191. package/lib/timeline/timeline.less +6 -12
  192. package/lib/timeline/timeline.variable.css +71 -71
  193. package/lib/transfer/transfer.css +89 -89
  194. package/lib/transfer/transfer.less +1 -1
  195. package/lib/transfer/transfer.variable.css +91 -91
  196. package/lib/tree/tree.css +49 -49
  197. package/lib/tree/tree.less +6 -7
  198. package/lib/tree/tree.variable.css +51 -51
  199. package/lib/upload/upload.css +98 -98
  200. package/lib/upload/upload.less +68 -69
  201. package/lib/upload/upload.variable.css +100 -100
  202. package/lib/virtual-render/virtual-render.css +9 -9
  203. package/lib/virtual-render/virtual-render.less +1 -1
  204. package/lib/virtual-render/virtual-render.variable.css +11 -11
  205. package/package.json +1 -1
package/lib/table/plugins/settings.css CHANGED
@@ -1,29 +1,29 @@
1
- .bk-table-settings[data-bk-table-settings-theme='true'] {
1
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] {
2
2
  padding: 0;
3
3
  }
4
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
4
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
5
5
  border-right: solid 1px #dcdee5;
6
6
  border-bottom: solid 1px #dcdee5;
7
7
  }
8
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
8
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
9
9
  border-top: solid 1px #dcdee5;
10
10
  border-left: solid 1px #dcdee5;
11
11
  }
12
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
12
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
13
13
  border-top: solid 1px #dcdee5;
14
14
  border-right: solid 1px #dcdee5;
15
15
  }
16
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
16
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
17
17
  border-bottom: solid 1px #dcdee5;
18
18
  border-left: solid 1px #dcdee5;
19
19
  }
20
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
20
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content {
21
21
  width: 515px;
22
22
  border: 1px solid #dcdee5;
23
23
  border-radius: 2px;
24
24
  opacity: 1;
25
25
  }
26
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
26
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head {
27
27
  position: relative;
28
28
  display: flex;
29
29
  padding: 0 24px;
@@ -33,13 +33,13 @@
33
33
  line-height: 32px;
34
34
  color: #313238;
35
35
  }
36
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
36
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
37
37
  position: absolute;
38
38
  top: 10px;
39
39
  right: 15px;
40
40
  cursor: pointer;
41
41
  }
42
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
42
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
43
43
  display: inline-block;
44
44
  height: 26px;
45
45
  margin: 24px 0;
@@ -47,58 +47,58 @@
47
47
  line-height: 26px;
48
48
  color: #313238;
49
49
  }
50
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
50
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body {
51
51
  max-height: 360px;
52
52
  padding: 0 24px;
53
53
  overflow-y: auto;
54
54
  }
55
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
55
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
56
56
  display: flex;
57
57
  font-size: 14px;
58
58
  line-height: 19px;
59
59
  color: #63656e;
60
60
  justify-content: space-between;
61
61
  }
62
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
62
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
63
63
  height: 22px;
64
64
  font-size: 14px;
65
65
  line-height: 22px;
66
66
  color: #313238;
67
67
  text-align: left;
68
68
  }
69
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
69
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
70
70
  color: #c4c6cc;
71
71
  }
72
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
72
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
73
73
  color: #3a84ff;
74
74
  cursor: pointer;
75
75
  }
76
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
76
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
77
77
  display: flex;
78
78
  max-height: 150px;
79
79
  align-items: flex-start;
80
80
  flex-wrap: wrap;
81
81
  margin-bottom: 16px;
82
82
  }
83
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
83
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
84
84
  width: 150px;
85
85
  height: 16px;
86
86
  margin-top: 16px;
87
87
  line-height: 16px;
88
88
  }
89
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
89
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
90
90
  overflow: hidden;
91
91
  text-overflow: ellipsis;
92
92
  white-space: nowrap;
93
93
  }
94
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
94
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
95
95
  display: flex;
96
96
  height: 76px;
97
97
  font-size: 14px;
98
98
  border-top: solid 1px #f0f1f5;
99
99
  align-items: center;
100
100
  }
101
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
101
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
102
102
  display: flex;
103
103
  width: 68px;
104
104
  height: 26px;
@@ -108,34 +108,34 @@
108
108
  justify-content: center;
109
109
  align-items: center;
110
110
  }
111
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
111
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
112
112
  color: #3a84ff;
113
113
  background: #e1ecff;
114
114
  border: 1px solid #a3c5fd;
115
115
  }
116
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
116
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
117
117
  border-right: none;
118
118
  border-left: none;
119
119
  }
120
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
120
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
121
121
  border-right: 1px solid #c4c6cc;
122
122
  border-left: 1px solid #c4c6cc;
123
123
  border-bottom-left-radius: 2px;
124
124
  border-top-left-radius: 2px;
125
125
  }
126
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
126
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
127
127
  border-right: none;
128
128
  }
129
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
129
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
130
130
  border-right: 1px solid #c4c6cc;
131
131
  border-left: 1px solid #c4c6cc;
132
132
  border-top-right-radius: 2px;
133
133
  border-bottom-right-radius: 2px;
134
134
  }
135
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
135
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
136
136
  border-left: none;
137
137
  }
138
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
138
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
139
139
  display: flex;
140
140
  height: 50px;
141
141
  padding: 0 24px;
package/lib/table/plugins/settings.less CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../../styles/themes/themes.less';
2
2
 
3
- .@{bk-prefix}-table-settings {
3
+ :where(.@{bk-prefix}-table-settings) {
4
4
  &[data-bk-table-settings-theme='true'] {
5
5
  padding: 0;
6
6
 
@@ -128,7 +128,6 @@
128
128
  justify-content: center;
129
129
  align-items: center;
130
130
 
131
-
132
131
  &.active {
133
132
  color: #3a84ff;
134
133
  background: #e1ecff;
@@ -163,7 +162,6 @@
163
162
  }
164
163
  }
165
164
  }
166
-
167
165
  }
168
166
 
169
167
  .setting-footer {
package/lib/table/plugins/settings.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;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --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,32 +127,32 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-table-settings[data-bk-table-settings-theme='true'] {
130
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] {
131
131
  padding: 0;
132
132
  }
133
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
133
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='top'] {
134
134
  border-right: solid 1px #dcdee5;
135
135
  border-bottom: solid 1px #dcdee5;
136
136
  }
137
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
137
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='bottom'] {
138
138
  border-top: solid 1px #dcdee5;
139
139
  border-left: solid 1px #dcdee5;
140
140
  }
141
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
141
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='left'] {
142
142
  border-top: solid 1px #dcdee5;
143
143
  border-right: solid 1px #dcdee5;
144
144
  }
145
- .bk-table-settings[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
145
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .bk-pop2-arrow[data-arrow='right'] {
146
146
  border-bottom: solid 1px #dcdee5;
147
147
  border-left: solid 1px #dcdee5;
148
148
  }
149
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
149
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content {
150
150
  width: 515px;
151
151
  border: 1px solid #dcdee5;
152
152
  border-radius: 2px;
153
153
  opacity: 1;
154
154
  }
155
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
155
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head {
156
156
  position: relative;
157
157
  display: flex;
158
158
  padding: 0 24px;
@@ -162,13 +162,13 @@
162
162
  line-height: 32px;
163
163
  color: #313238;
164
164
  }
165
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
165
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
166
166
  position: absolute;
167
167
  top: 10px;
168
168
  right: 15px;
169
169
  cursor: pointer;
170
170
  }
171
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
171
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-head .head-title {
172
172
  display: inline-block;
173
173
  height: 26px;
174
174
  margin: 24px 0;
@@ -176,58 +176,58 @@
176
176
  line-height: 26px;
177
177
  color: #313238;
178
178
  }
179
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
179
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body {
180
180
  max-height: 360px;
181
181
  padding: 0 24px;
182
182
  overflow-y: auto;
183
183
  }
184
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
184
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
185
185
  display: flex;
186
186
  font-size: 14px;
187
187
  line-height: 19px;
188
188
  color: #63656e;
189
189
  justify-content: space-between;
190
190
  }
191
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
191
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .field-setting-label {
192
192
  height: 22px;
193
193
  font-size: 14px;
194
194
  line-height: 22px;
195
195
  color: #313238;
196
196
  text-align: left;
197
197
  }
198
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
198
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
199
199
  color: #c4c6cc;
200
200
  }
201
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
201
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
202
202
  color: #3a84ff;
203
203
  cursor: pointer;
204
204
  }
205
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
205
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
206
206
  display: flex;
207
207
  max-height: 150px;
208
208
  align-items: flex-start;
209
209
  flex-wrap: wrap;
210
210
  margin-bottom: 16px;
211
211
  }
212
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
212
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
213
213
  width: 150px;
214
214
  height: 16px;
215
215
  margin-top: 16px;
216
216
  line-height: 16px;
217
217
  }
218
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
218
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
219
219
  overflow: hidden;
220
220
  text-overflow: ellipsis;
221
221
  white-space: nowrap;
222
222
  }
223
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
223
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
224
224
  display: flex;
225
225
  height: 76px;
226
226
  font-size: 14px;
227
227
  border-top: solid 1px #f0f1f5;
228
228
  align-items: center;
229
229
  }
230
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
230
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
231
231
  display: flex;
232
232
  width: 68px;
233
233
  height: 26px;
@@ -237,34 +237,34 @@
237
237
  justify-content: center;
238
238
  align-items: center;
239
239
  }
240
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
240
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
241
241
  color: #3a84ff;
242
242
  background: #e1ecff;
243
243
  border: 1px solid #a3c5fd;
244
244
  }
245
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
245
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
246
246
  border-right: none;
247
247
  border-left: none;
248
248
  }
249
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
249
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
250
250
  border-right: 1px solid #c4c6cc;
251
251
  border-left: 1px solid #c4c6cc;
252
252
  border-bottom-left-radius: 2px;
253
253
  border-top-left-radius: 2px;
254
254
  }
255
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
255
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-medium {
256
256
  border-right: none;
257
257
  }
258
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
258
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
259
259
  border-right: 1px solid #c4c6cc;
260
260
  border-left: 1px solid #c4c6cc;
261
261
  border-top-right-radius: 2px;
262
262
  border-bottom-right-radius: 2px;
263
263
  }
264
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
264
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-medium {
265
265
  border-left: none;
266
266
  }
267
- .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
267
+ :where(.bk-table-settings)[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
268
268
  display: flex;
269
269
  height: 50px;
270
270
  padding: 0 24px;