bkui-vue 0.0.1-beta.58 → 0.0.1-beta.59

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 (46) hide show
  1. package/dist/index.cjs.js +25 -25
  2. package/dist/index.esm.js +311 -208
  3. package/dist/index.umd.js +25 -25
  4. package/dist/style.css +1 -1
  5. package/lib/breadcrumb/breadcrumb.css +2 -2
  6. package/lib/breadcrumb/breadcrumb.variable.css +2 -2
  7. package/lib/button/button.less +2 -1
  8. package/lib/card/card.css +10 -10
  9. package/lib/card/card.less +12 -8
  10. package/lib/card/card.variable.css +10 -10
  11. package/lib/container/container.css +5 -5
  12. package/lib/container/container.less +1 -1
  13. package/lib/container/container.variable.css +5 -5
  14. package/lib/dialog/dialog.css +0 -2
  15. package/lib/dialog/dialog.less +4 -2
  16. package/lib/dialog/dialog.variable.css +0 -2
  17. package/lib/input/input.css +3 -3
  18. package/lib/input/input.less +2 -1
  19. package/lib/input/input.variable.css +3 -3
  20. package/lib/loading/loading.css +2 -2
  21. package/lib/loading/loading.variable.css +2 -2
  22. package/lib/menu/menu.css +2 -2
  23. package/lib/menu/menu.variable.css +2 -2
  24. package/lib/progress/progress.css +2 -2
  25. package/lib/progress/progress.variable.css +2 -2
  26. package/lib/styles/mixins/clearfix.css +2 -2
  27. package/lib/styles/mixins/clearfix.less +2 -2
  28. package/lib/styles/mixins/clearfix.variable.css +2 -2
  29. package/lib/styles/mixins/mixins.css +2 -2
  30. package/lib/styles/mixins/mixins.variable.css +2 -2
  31. package/lib/switcher/switcher.css +2 -2
  32. package/lib/switcher/switcher.variable.css +2 -2
  33. package/lib/table/plugins/settings.css +41 -41
  34. package/lib/table/plugins/settings.less +28 -22
  35. package/lib/table/plugins/settings.variable.css +41 -41
  36. package/lib/table/table.css +47 -47
  37. package/lib/table/table.less +10 -8
  38. package/lib/table/table.variable.css +47 -47
  39. package/lib/tree/index.d.ts +31 -52
  40. package/lib/tree/index.js +1 -1
  41. package/lib/tree/props.d.ts +10 -0
  42. package/lib/tree/tree.d.ts +14 -17
  43. package/lib/tree/use-async.d.ts +5 -0
  44. package/lib/tree/use-node-action.d.ts +6 -0
  45. package/lib/tree/use-node-attribute.d.ts +13 -0
  46. package/package.json +4 -4
package/lib/table/plugins/settings.css CHANGED
@@ -1,110 +1,110 @@
1
- .bk-table-settings[data-bk-table-settings-theme="true"] {
1
+ .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"] .setting-content {
4
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
5
5
  width: 515px;
6
- opacity: 1;
7
6
  border: 1px solid #dcdee5;
8
7
  border-radius: 2px;
8
+ opacity: 1;
9
9
  }
10
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head {
10
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
11
+ position: relative;
11
12
  display: flex;
12
13
  padding: 0 24px;
13
14
  margin: 0;
14
- line-height: 32px;
15
15
  font-size: 16px;
16
16
  font-weight: 400;
17
+ line-height: 32px;
17
18
  color: #313238;
18
- position: relative;
19
19
  }
20
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head .icon-close-action {
20
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
21
21
  position: absolute;
22
- right: 15px;
23
22
  top: 10px;
23
+ right: 15px;
24
24
  cursor: pointer;
25
25
  }
26
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body {
26
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
27
27
  padding: 0 24px;
28
28
  }
29
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title {
29
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
30
30
  display: flex;
31
- justify-content: space-between;
32
31
  font-size: 14px;
33
- color: #63656e;
34
32
  line-height: 19px;
33
+ color: #63656e;
34
+ justify-content: space-between;
35
35
  }
36
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .limit {
36
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
37
37
  color: #c4c6cc;
38
38
  }
39
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .check-all {
39
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
40
40
  color: #3a84ff;
41
41
  cursor: pointer;
42
42
  }
43
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields {
44
- max-height: 150px;
43
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
45
44
  display: flex;
45
+ max-height: 150px;
46
46
  align-items: flex-start;
47
47
  flex-wrap: wrap;
48
48
  }
49
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item {
49
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
50
50
  width: 150px;
51
- line-height: 42px;
52
51
  height: 42px;
52
+ line-height: 42px;
53
53
  }
54
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item > label {
54
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
55
55
  overflow: hidden;
56
56
  text-overflow: ellipsis;
57
57
  white-space: nowrap;
58
58
  }
59
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height {
60
- border-top: solid 1px #f0f1f5;
59
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
60
+ display: flex;
61
61
  height: 76px;
62
62
  font-size: 14px;
63
- display: flex;
63
+ border-top: solid 1px #f0f1f5;
64
64
  align-items: center;
65
65
  }
66
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size {
66
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
67
67
  display: flex;
68
- justify-content: center;
69
- align-items: center;
70
68
  width: 68px;
71
69
  height: 26px;
72
- cursor: pointer;
73
70
  color: #63656e;
71
+ cursor: pointer;
74
72
  border: 1px solid #c4c6cc;
73
+ justify-content: center;
74
+ align-items: center;
75
75
  }
76
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size.active {
77
- background: #e1ecff;
76
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
78
77
  color: #3a84ff;
78
+ background: #e1ecff;
79
79
  border: 1px solid #a3c5fd;
80
80
  }
81
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
82
- border-left: none;
81
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
83
82
  border-right: none;
83
+ border-left: none;
84
84
  }
85
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
86
- border-top-left-radius: 2px;
87
- border-bottom-left-radius: 2px;
88
- border-left: 1px solid #c4c6cc;
85
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
89
86
  border-right: 1px solid #c4c6cc;
87
+ border-left: 1px solid #c4c6cc;
88
+ border-bottom-left-radius: 2px;
89
+ border-top-left-radius: 2px;
90
90
  }
91
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
91
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
92
92
  border-right: none;
93
93
  }
94
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
95
- border-top-right-radius: 2px;
96
- border-bottom-right-radius: 2px;
94
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
97
95
  border-right: 1px solid #c4c6cc;
98
96
  border-left: 1px solid #c4c6cc;
97
+ border-top-right-radius: 2px;
98
+ border-bottom-right-radius: 2px;
99
99
  }
100
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
100
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
101
101
  border-left: none;
102
102
  }
103
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-footer {
103
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
104
+ display: flex;
104
105
  height: 56px;
105
106
  padding: 0 24px;
106
107
  background-color: #fafbfd;
107
- display: flex;
108
108
  justify-content: flex-end;
109
109
  align-items: center;
110
110
  }
package/lib/table/plugins/settings.less CHANGED
@@ -1,40 +1,42 @@
1
1
  @import '../styles/themes/themes.less';
2
2
 
3
3
  .@{bk-prefix}-table-settings {
4
- &[data-bk-table-settings-theme="true"] {
4
+ &[data-bk-table-settings-theme='true'] {
5
5
  padding: 0;
6
+
6
7
  .setting-content {
7
8
  width: 515px;
8
- opacity: 1;
9
9
  border: 1px solid #dcdee5;
10
10
  border-radius: 2px;
11
+ opacity: 1;
11
12
 
12
13
  .setting-head {
14
+ position: relative;
13
15
  display: flex;
14
16
  padding: 0 24px;
15
17
  margin: 0;
16
- line-height: 32px;
17
18
  font-size: 16px;
18
19
  font-weight: 400;
20
+ line-height: 32px;
19
21
  color: #313238;
20
- position: relative;
21
22
 
22
23
  .icon-close-action {
23
24
  position: absolute;
24
- right: 15px;
25
25
  top: 10px;
26
+ right: 15px;
26
27
  cursor: pointer;
27
28
  }
28
29
  }
30
+
29
31
  .setting-body {
30
32
  padding: 0 24px;
31
33
 
32
34
  .setting-body-title {
33
35
  display: flex;
34
- justify-content: space-between;
35
36
  font-size: 14px;
36
- color: #63656e;
37
37
  line-height: 19px;
38
+ color: #63656e;
39
+ justify-content: space-between;
38
40
 
39
41
  .limit {
40
42
  color: #c4c6cc;
@@ -45,16 +47,17 @@
45
47
  cursor: pointer;
46
48
  }
47
49
  }
50
+
48
51
  .setting-body-fields {
49
- max-height: 150px;
50
52
  display: flex;
53
+ max-height: 150px;
51
54
  align-items: flex-start;
52
55
  flex-wrap: wrap;
53
56
 
54
57
  .field-item {
55
58
  width: 150px;
56
- line-height: 42px;
57
59
  height: 42px;
60
+ line-height: 42px;
58
61
 
59
62
  > label {
60
63
  overflow: hidden;
@@ -63,40 +66,42 @@
63
66
  }
64
67
  }
65
68
  }
69
+
66
70
  .setting-body-line-height {
67
- border-top: solid 1px #f0f1f5;
71
+ display: flex;
68
72
  height: 76px;
69
73
  font-size: 14px;
70
- display: flex;
74
+ border-top: solid 1px #f0f1f5;
71
75
  align-items: center;
76
+
72
77
  .line-size {
73
78
  display: flex;
74
- justify-content: center;
75
- align-items: center;
76
79
  width: 68px;
77
80
  height: 26px;
78
- cursor: pointer;
79
81
  color: #63656e;
82
+ cursor: pointer;
80
83
 
81
84
  border: 1px solid #c4c6cc;
85
+ justify-content: center;
86
+ align-items: center;
82
87
 
83
88
 
84
89
  &.active {
85
- background: #e1ecff;
86
90
  color: #3a84ff;
91
+ background: #e1ecff;
87
92
  border: 1px solid #a3c5fd;
88
93
  }
89
94
 
90
95
  &:not(.active) {
91
- border-left: none;
92
96
  border-right: none;
97
+ border-left: none;
93
98
  }
94
99
 
95
100
  &:first-child {
96
- border-top-left-radius: 2px;
97
- border-bottom-left-radius: 2px;
98
- border-left: 1px solid #c4c6cc;
99
101
  border-right: 1px solid #c4c6cc;
102
+ border-left: 1px solid #c4c6cc;
103
+ border-bottom-left-radius: 2px;
104
+ border-top-left-radius: 2px;
100
105
 
101
106
  &.is-default {
102
107
  border-right: none;
@@ -104,10 +109,10 @@
104
109
  }
105
110
 
106
111
  &:last-child {
107
- border-top-right-radius: 2px;
108
- border-bottom-right-radius: 2px;
109
112
  border-right: 1px solid #c4c6cc;
110
113
  border-left: 1px solid #c4c6cc;
114
+ border-top-right-radius: 2px;
115
+ border-bottom-right-radius: 2px;
111
116
 
112
117
  &.is-default {
113
118
  border-left: none;
@@ -117,11 +122,12 @@
117
122
  }
118
123
 
119
124
  }
125
+
120
126
  .setting-footer {
127
+ display: flex;
121
128
  height: 56px;
122
129
  padding: 0 24px;
123
130
  background-color: #fafbfd;
124
- display: flex;
125
131
  justify-content: flex-end;
126
132
  align-items: center;
127
133
  }
package/lib/table/plugins/settings.variable.css CHANGED
@@ -92,113 +92,113 @@
92
92
  --table-row-hover-bg-color: #f5f7fa;
93
93
  --table-row-active-bg-color: #f0f1f5;
94
94
  }
95
- .bk-table-settings[data-bk-table-settings-theme="true"] {
95
+ .bk-table-settings[data-bk-table-settings-theme='true'] {
96
96
  padding: 0;
97
97
  }
98
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content {
98
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
99
99
  width: 515px;
100
- opacity: 1;
101
100
  border: 1px solid #dcdee5;
102
101
  border-radius: 2px;
102
+ opacity: 1;
103
103
  }
104
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head {
104
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
105
+ position: relative;
105
106
  display: flex;
106
107
  padding: 0 24px;
107
108
  margin: 0;
108
- line-height: 32px;
109
109
  font-size: 16px;
110
110
  font-weight: 400;
111
+ line-height: 32px;
111
112
  color: #313238;
112
- position: relative;
113
113
  }
114
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head .icon-close-action {
114
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
115
115
  position: absolute;
116
- right: 15px;
117
116
  top: 10px;
117
+ right: 15px;
118
118
  cursor: pointer;
119
119
  }
120
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body {
120
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
121
121
  padding: 0 24px;
122
122
  }
123
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title {
123
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
124
124
  display: flex;
125
- justify-content: space-between;
126
125
  font-size: 14px;
127
- color: #63656e;
128
126
  line-height: 19px;
127
+ color: #63656e;
128
+ justify-content: space-between;
129
129
  }
130
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .limit {
130
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
131
131
  color: #c4c6cc;
132
132
  }
133
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .check-all {
133
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
134
134
  color: #3a84ff;
135
135
  cursor: pointer;
136
136
  }
137
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields {
138
- max-height: 150px;
137
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
139
138
  display: flex;
139
+ max-height: 150px;
140
140
  align-items: flex-start;
141
141
  flex-wrap: wrap;
142
142
  }
143
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item {
143
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
144
144
  width: 150px;
145
- line-height: 42px;
146
145
  height: 42px;
146
+ line-height: 42px;
147
147
  }
148
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item > label {
148
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
149
149
  overflow: hidden;
150
150
  text-overflow: ellipsis;
151
151
  white-space: nowrap;
152
152
  }
153
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height {
154
- border-top: solid 1px #f0f1f5;
153
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
154
+ display: flex;
155
155
  height: 76px;
156
156
  font-size: 14px;
157
- display: flex;
157
+ border-top: solid 1px #f0f1f5;
158
158
  align-items: center;
159
159
  }
160
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size {
160
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
161
161
  display: flex;
162
- justify-content: center;
163
- align-items: center;
164
162
  width: 68px;
165
163
  height: 26px;
166
- cursor: pointer;
167
164
  color: #63656e;
165
+ cursor: pointer;
168
166
  border: 1px solid #c4c6cc;
167
+ justify-content: center;
168
+ align-items: center;
169
169
  }
170
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size.active {
171
- background: #e1ecff;
170
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
172
171
  color: #3a84ff;
172
+ background: #e1ecff;
173
173
  border: 1px solid #a3c5fd;
174
174
  }
175
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
176
- border-left: none;
175
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
177
176
  border-right: none;
177
+ border-left: none;
178
178
  }
179
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
180
- border-top-left-radius: 2px;
181
- border-bottom-left-radius: 2px;
182
- border-left: 1px solid #c4c6cc;
179
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
183
180
  border-right: 1px solid #c4c6cc;
181
+ border-left: 1px solid #c4c6cc;
182
+ border-bottom-left-radius: 2px;
183
+ border-top-left-radius: 2px;
184
184
  }
185
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
185
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
186
186
  border-right: none;
187
187
  }
188
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
189
- border-top-right-radius: 2px;
190
- border-bottom-right-radius: 2px;
188
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
191
189
  border-right: 1px solid #c4c6cc;
192
190
  border-left: 1px solid #c4c6cc;
191
+ border-top-right-radius: 2px;
192
+ border-bottom-right-radius: 2px;
193
193
  }
194
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
194
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
195
195
  border-left: none;
196
196
  }
197
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-footer {
197
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
198
+ display: flex;
198
199
  height: 56px;
199
200
  padding: 0 24px;
200
201
  background-color: #fafbfd;
201
- display: flex;
202
202
  justify-content: flex-end;
203
203
  align-items: center;
204
204
  }
package/lib/table/table.css CHANGED
@@ -88,113 +88,113 @@
88
88
  .bk-head-cell-sort .sort-action.sort-desc {
89
89
  align-items: flex-start;
90
90
  }
91
- .bk-table-settings[data-bk-table-settings-theme="true"] {
91
+ .bk-table-settings[data-bk-table-settings-theme='true'] {
92
92
  padding: 0;
93
93
  }
94
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content {
94
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content {
95
95
  width: 515px;
96
- opacity: 1;
97
96
  border: 1px solid #dcdee5;
98
97
  border-radius: 2px;
98
+ opacity: 1;
99
99
  }
100
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head {
100
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head {
101
+ position: relative;
101
102
  display: flex;
102
103
  padding: 0 24px;
103
104
  margin: 0;
104
- line-height: 32px;
105
105
  font-size: 16px;
106
106
  font-weight: 400;
107
+ line-height: 32px;
107
108
  color: #313238;
108
- position: relative;
109
109
  }
110
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-head .icon-close-action {
110
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-head .icon-close-action {
111
111
  position: absolute;
112
- right: 15px;
113
112
  top: 10px;
113
+ right: 15px;
114
114
  cursor: pointer;
115
115
  }
116
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body {
116
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body {
117
117
  padding: 0 24px;
118
118
  }
119
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title {
119
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title {
120
120
  display: flex;
121
- justify-content: space-between;
122
121
  font-size: 14px;
123
- color: #63656e;
124
122
  line-height: 19px;
123
+ color: #63656e;
124
+ justify-content: space-between;
125
125
  }
126
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .limit {
126
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .limit {
127
127
  color: #c4c6cc;
128
128
  }
129
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-title .check-all {
129
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-title .check-all {
130
130
  color: #3a84ff;
131
131
  cursor: pointer;
132
132
  }
133
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields {
134
- max-height: 150px;
133
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields {
135
134
  display: flex;
135
+ max-height: 150px;
136
136
  align-items: flex-start;
137
137
  flex-wrap: wrap;
138
138
  }
139
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item {
139
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item {
140
140
  width: 150px;
141
- line-height: 42px;
142
141
  height: 42px;
142
+ line-height: 42px;
143
143
  }
144
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-fields .field-item > label {
144
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-fields .field-item > label {
145
145
  overflow: hidden;
146
146
  text-overflow: ellipsis;
147
147
  white-space: nowrap;
148
148
  }
149
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height {
150
- border-top: solid 1px #f0f1f5;
149
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height {
150
+ display: flex;
151
151
  height: 76px;
152
152
  font-size: 14px;
153
- display: flex;
153
+ border-top: solid 1px #f0f1f5;
154
154
  align-items: center;
155
155
  }
156
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size {
156
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size {
157
157
  display: flex;
158
- justify-content: center;
159
- align-items: center;
160
158
  width: 68px;
161
159
  height: 26px;
162
- cursor: pointer;
163
160
  color: #63656e;
161
+ cursor: pointer;
164
162
  border: 1px solid #c4c6cc;
163
+ justify-content: center;
164
+ align-items: center;
165
165
  }
166
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size.active {
167
- background: #e1ecff;
166
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size.active {
168
167
  color: #3a84ff;
168
+ background: #e1ecff;
169
169
  border: 1px solid #a3c5fd;
170
170
  }
171
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
172
- border-left: none;
171
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:not(.active) {
173
172
  border-right: none;
173
+ border-left: none;
174
174
  }
175
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
176
- border-top-left-radius: 2px;
177
- border-bottom-left-radius: 2px;
178
- border-left: 1px solid #c4c6cc;
175
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child {
179
176
  border-right: 1px solid #c4c6cc;
177
+ border-left: 1px solid #c4c6cc;
178
+ border-bottom-left-radius: 2px;
179
+ border-top-left-radius: 2px;
180
180
  }
181
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
181
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:first-child.is-default {
182
182
  border-right: none;
183
183
  }
184
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
185
- border-top-right-radius: 2px;
186
- border-bottom-right-radius: 2px;
184
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child {
187
185
  border-right: 1px solid #c4c6cc;
188
186
  border-left: 1px solid #c4c6cc;
187
+ border-top-right-radius: 2px;
188
+ border-bottom-right-radius: 2px;
189
189
  }
190
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
190
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-body .setting-body-line-height .line-size:last-child.is-default {
191
191
  border-left: none;
192
192
  }
193
- .bk-table-settings[data-bk-table-settings-theme="true"] .setting-content .setting-footer {
193
+ .bk-table-settings[data-bk-table-settings-theme='true'] .setting-content .setting-footer {
194
+ display: flex;
194
195
  height: 56px;
195
196
  padding: 0 24px;
196
197
  background-color: #fafbfd;
197
- display: flex;
198
198
  justify-content: flex-end;
199
199
  align-items: center;
200
200
  }
@@ -261,18 +261,18 @@
261
261
  position: relative;
262
262
  }
263
263
  .bk-table .bk-table-head .table-head-settings .bk-popover-reference {
264
- cursor: pointer;
265
- width: calc(var(--row-height));
266
- font-size: 18px;
267
264
  position: absolute;
268
- right: 1px;
269
265
  top: 0;
266
+ right: 1px;
270
267
  bottom: 1px;
268
+ display: flex;
269
+ width: calc(var(--row-height));
270
+ font-size: 18px;
271
+ cursor: pointer;
271
272
  background: #f0f1f5;
272
- border-left: 1px solid #dcdee5;
273
273
  border-right: 1px solid #dcdee5;
274
+ border-left: 1px solid #dcdee5;
274
275
  border-radius: 0px 2px 0px 0px;
275
- display: flex;
276
276
  justify-content: center;
277
277
  align-items: center;
278
278
  }
package/lib/table/table.less CHANGED
@@ -73,22 +73,23 @@
73
73
 
74
74
  .@{bk-prefix}-table-head {
75
75
  position: relative;
76
+
76
77
  .table-head-settings {
77
78
  .bk-popover-reference {
78
- cursor: pointer;
79
- width: calc(var(--row-height));
80
- font-size: 18px;
81
79
  position: absolute;
82
- right: 1px;
83
80
  top: 0;
84
- bottom: 1px;
81
+ right: 1px;
82
+ bottom: 1px;
83
+
84
+ display: flex;
85
+ width: calc(var(--row-height));
86
+ font-size: 18px;
87
+ cursor: pointer;
85
88
 
86
89
  background: #f0f1f5;
87
- border-left: 1px solid #dcdee5;
88
90
  border-right: 1px solid #dcdee5;
91
+ border-left: 1px solid #dcdee5;
89
92
  border-radius: 0px 2px 0px 0px;
90
-
91
- display: flex;
92
93
  justify-content: center;
93
94
  align-items: center;
94
95
  }
@@ -98,6 +99,7 @@
98
99
  .@{bk-prefix}-table-footer {
99
100
  line-height: 40px;
100
101
  border-top: 1px solid @table-border-color;
102
+
101
103
  &.is-hidden {
102
104
  display: none;
103
105
  }