acud 1.4.0 → 1.4.2

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.
@@ -332,8 +332,8 @@ var Menus = /*#__PURE__*/function (_React$Component) {
332
332
  return;
333
333
  }
334
334
  var isPlaceTop = ['topLeft', 'topRight'].includes(popupPlacement);
335
- var clientHeight = document.body.clientHeight;
336
- var clientWidth = document.body.clientWidth;
335
+ var clientHeight = window.innerHeight;
336
+ var clientWidth = window.innerWidth;
337
337
  var _loop = function _loop() {
338
338
  var currentMenu = _this6.menus[i];
339
339
  var prevMenu = _this6.menus[i - 1];
@@ -84,5 +84,32 @@ declare const placements: {
84
84
  offset: number[];
85
85
  targetOffset: number[];
86
86
  };
87
+ leftTop: {
88
+ points: string[];
89
+ overflow: {
90
+ adjustX: number;
91
+ adjustY: number;
92
+ };
93
+ offset: number[];
94
+ targetOffset: number[];
95
+ };
96
+ leftCenter: {
97
+ points: string[];
98
+ overflow: {
99
+ adjustX: number;
100
+ adjustY: number;
101
+ };
102
+ offset: number[];
103
+ targetOffset: number[];
104
+ };
105
+ leftBottom: {
106
+ points: string[];
107
+ overflow: {
108
+ adjustX: number;
109
+ adjustY: number;
110
+ };
111
+ offset: number[];
112
+ targetOffset: number[];
113
+ };
87
114
  };
88
115
  export default placements;
@@ -61,6 +61,24 @@ var placements = {
61
61
  overflow: autoAdjustOverflow,
62
62
  offset: [4, 0],
63
63
  targetOffset: targetOffset
64
+ },
65
+ leftTop: {
66
+ points: ['tr', 'tl'],
67
+ overflow: autoAdjustOverflow,
68
+ offset: [-4, 0],
69
+ targetOffset: targetOffset
70
+ },
71
+ leftCenter: {
72
+ points: ['cr', 'cl'],
73
+ overflow: autoAdjustOverflow,
74
+ offset: [-4, 0],
75
+ targetOffset: targetOffset
76
+ },
77
+ leftBottom: {
78
+ points: ['br', 'bl'],
79
+ overflow: autoAdjustOverflow,
80
+ offset: [-4, 0],
81
+ targetOffset: targetOffset
64
82
  }
65
83
  };
66
84
  export default placements;
@@ -121,93 +121,93 @@ each(.size-padding-map(), .(@value, @key, @index) {
121
121
  border-top: 1px solid @table-border-color;
122
122
  }
123
123
 
124
- .@{table-prefix-cls}-column-sorter {
125
- display: inline-block;
126
- vertical-align: middle;
127
- width: @table-icon-size;
128
- height: @table-icon-size;
129
- margin-left: @table-icon-margin-left;
130
- position: relative;
131
- cursor: pointer;
132
-
133
- .@{table-prefix-cls}-column-sorter-default {
134
- .basic-tp-config(@table-icon-default-tp);
135
- }
136
-
137
- .@{table-prefix-cls}-column-sorter-up {
138
- .basic-tp-config(@table-icon-active-tp);
139
- }
140
-
141
- .@{table-prefix-cls}-column-sorter-down {
142
- .basic-tp-config(@table-icon-active-tp);
143
- }
144
- }
145
-
146
-
147
- .@{table-prefix-cls}-column-filter {
148
- margin-left: @table-icon-margin-left;
149
- font-size: 0;
150
- cursor: pointer;
151
- }
152
-
153
- .@{table-prefix-cls}-filter-dropdown {
154
- // position: absolute;
155
- box-sizing: border-box;
156
- font-size: @table-font-size;
157
- line-height: 1.5;
158
- list-style: none;
159
- border-radius: @table-dropdown-border-radius;
160
- z-index: 2;
161
- box-shadow:
162
- 0 3px 6px -4px #0000001f,
163
- 0 6px 16px #00000014,
164
- 0 9px 28px 8px #0000000d;
165
- &-box {
166
- min-width: 120px;
167
- .@{acud-prefix}-dropdown-menu-item-multiple {
168
- padding: 0;
124
+ .@{table-prefix-cls} {
125
+ .@{table-prefix-cls}-column-sorter {
126
+ display: inline-block;
127
+ vertical-align: middle;
128
+ width: @table-icon-size;
129
+ height: @table-icon-size;
130
+ margin-left: @table-icon-margin-left;
131
+ position: relative;
132
+ cursor: pointer;
133
+
134
+ .@{table-prefix-cls}-column-sorter-default {
135
+ .basic-tp-config(@table-icon-default-tp);
169
136
  }
170
- .@{acud-prefix}-checkbox-wrapper {
171
- display: flex;
172
- padding-left: @P * 3;
173
- padding-right: @P * 3;
137
+
138
+ .@{table-prefix-cls}-column-sorter-up {
139
+ .basic-tp-config(@table-icon-active-tp);
174
140
  }
175
- .@{table-prefix-cls}-filter-dropdown-tree {
141
+
142
+ .@{table-prefix-cls}-column-sorter-down {
143
+ .basic-tp-config(@table-icon-active-tp);
144
+ }
145
+ }
146
+ .@{table-prefix-cls}-column-filter {
147
+ margin-left: @table-icon-margin-left;
148
+ font-size: 0;
149
+ cursor: pointer;
150
+ }
151
+
152
+ .@{table-prefix-cls}-filter-dropdown {
153
+ // position: absolute;
154
+ box-sizing: border-box;
155
+ font-size: @table-font-size;
156
+ line-height: 1.5;
157
+ list-style: none;
158
+ border-radius: @table-dropdown-border-radius;
159
+ z-index: 2;
160
+ box-shadow:
161
+ 0 3px 6px -4px #0000001f,
162
+ 0 6px 16px #00000014,
163
+ 0 9px 28px 8px #0000000d;
164
+ &-box {
165
+ min-width: 120px;
166
+ .@{acud-prefix}-dropdown-menu-item-multiple {
167
+ padding: 0;
168
+ }
176
169
  .@{acud-prefix}-checkbox-wrapper {
177
- padding-left: 0;
170
+ display: flex;
171
+ padding-left: @P * 3;
172
+ padding-right: @P * 3;
173
+ }
174
+ .@{table-prefix-cls}-filter-dropdown-tree {
175
+ .@{acud-prefix}-checkbox-wrapper {
176
+ padding-left: 0;
177
+ }
178
178
  }
179
179
  }
180
180
  }
181
- }
182
-
183
- .@{table-prefix-cls}-filter-dropdown-menu {
184
- max-height: 264px;
185
- overflow-x: hidden;
186
- border: 0;
187
- box-shadow: none;
188
- position: relative;
189
- margin: 0;
190
- padding: 4px 0;
191
- text-align: left;
192
- list-style-type: none;
193
- border-radius: @table-dropdown-border-radius;
194
- outline: none;
195
- }
196
-
197
- .@{table-prefix-cls}-filter-dropdown-menu-item {
198
- clear: both;
199
- margin: 0;
200
- padding: 5px 12px;
201
- white-space: nowrap;
202
- cursor: pointer;
203
- transition: all .3s ease;
204
- position: relative;
205
- display: flex;
206
- align-items: center;
207
- list-style: none;
208
- .basic-config(@table-dropdown-tp, @table-dropdown-p);
209
- &-checked {
210
- color: ~'@{@{table-dropdown-tp}-click-color}';
181
+
182
+ .@{table-prefix-cls}-filter-dropdown-menu {
183
+ max-height: 264px;
184
+ overflow-x: hidden;
185
+ border: 0;
186
+ box-shadow: none;
187
+ position: relative;
188
+ margin: 0;
189
+ padding: 4px 0;
190
+ text-align: left;
191
+ list-style-type: none;
192
+ border-radius: @table-dropdown-border-radius;
193
+ outline: none;
194
+ }
195
+
196
+ .@{table-prefix-cls}-filter-dropdown-menu-item {
197
+ clear: both;
198
+ margin: 0;
199
+ padding: 5px 12px;
200
+ white-space: nowrap;
201
+ cursor: pointer;
202
+ transition: all .3s ease;
203
+ position: relative;
204
+ display: flex;
205
+ align-items: center;
206
+ list-style: none;
207
+ .basic-config(@table-dropdown-tp, @table-dropdown-p);
208
+ &-checked {
209
+ color: ~'@{@{table-dropdown-tp}-click-color}';
210
+ }
211
211
  }
212
212
  }
213
213
 
@@ -946,7 +946,7 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
946
946
  .acud-table-bordered table {
947
947
  border-top: 1px solid #f0f0f0;
948
948
  }
949
- .acud-table-column-sorter {
949
+ .acud-table .acud-table-column-sorter {
950
950
  display: inline-block;
951
951
  vertical-align: middle;
952
952
  width: 16px;
@@ -955,72 +955,72 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
955
955
  position: relative;
956
956
  cursor: pointer;
957
957
  }
958
- .acud-table-column-sorter .acud-table-column-sorter-default {
958
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default {
959
959
  color: #84868C;
960
960
  }
961
- .acud-table-column-sorter .acud-table-column-sorter-default:hover {
961
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default:hover {
962
962
  color: #2468F2;
963
963
  }
964
- .acud-table-column-sorter .acud-table-column-sorter-default:focus,
965
- .acud-table-column-sorter .acud-table-column-sorter-default:active {
964
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default:focus,
965
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default:active {
966
966
  color: #144BCC;
967
967
  }
968
- .acud-table-column-sorter .acud-table-column-sorter-default[disabled],
969
- .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"],
970
- .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:hover,
971
- .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:hover,
972
- .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:focus,
973
- .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:focus,
974
- .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:active,
975
- .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:active {
968
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled],
969
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"],
970
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:hover,
971
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:hover,
972
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:focus,
973
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:focus,
974
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[disabled]:active,
975
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-default[aria-disabled="true"]:active {
976
976
  color: #B8BABF;
977
977
  }
978
- .acud-table-column-sorter .acud-table-column-sorter-up {
978
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up {
979
979
  color: #2468F2;
980
980
  }
981
- .acud-table-column-sorter .acud-table-column-sorter-up:hover {
981
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up:hover {
982
982
  color: #528EFF;
983
983
  }
984
- .acud-table-column-sorter .acud-table-column-sorter-up:focus,
985
- .acud-table-column-sorter .acud-table-column-sorter-up:active {
984
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up:focus,
985
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up:active {
986
986
  color: #144BCC;
987
987
  }
988
- .acud-table-column-sorter .acud-table-column-sorter-up[disabled],
989
- .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"],
990
- .acud-table-column-sorter .acud-table-column-sorter-up[disabled]:hover,
991
- .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"]:hover,
992
- .acud-table-column-sorter .acud-table-column-sorter-up[disabled]:focus,
993
- .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"]:focus,
994
- .acud-table-column-sorter .acud-table-column-sorter-up[disabled]:active,
995
- .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"]:active {
988
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[disabled],
989
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"],
990
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[disabled]:hover,
991
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"]:hover,
992
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[disabled]:focus,
993
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"]:focus,
994
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[disabled]:active,
995
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-up[aria-disabled="true"]:active {
996
996
  color: #B8BABF;
997
997
  }
998
- .acud-table-column-sorter .acud-table-column-sorter-down {
998
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down {
999
999
  color: #2468F2;
1000
1000
  }
1001
- .acud-table-column-sorter .acud-table-column-sorter-down:hover {
1001
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down:hover {
1002
1002
  color: #528EFF;
1003
1003
  }
1004
- .acud-table-column-sorter .acud-table-column-sorter-down:focus,
1005
- .acud-table-column-sorter .acud-table-column-sorter-down:active {
1004
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down:focus,
1005
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down:active {
1006
1006
  color: #144BCC;
1007
1007
  }
1008
- .acud-table-column-sorter .acud-table-column-sorter-down[disabled],
1009
- .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"],
1010
- .acud-table-column-sorter .acud-table-column-sorter-down[disabled]:hover,
1011
- .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"]:hover,
1012
- .acud-table-column-sorter .acud-table-column-sorter-down[disabled]:focus,
1013
- .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"]:focus,
1014
- .acud-table-column-sorter .acud-table-column-sorter-down[disabled]:active,
1015
- .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"]:active {
1008
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[disabled],
1009
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"],
1010
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[disabled]:hover,
1011
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"]:hover,
1012
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[disabled]:focus,
1013
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"]:focus,
1014
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[disabled]:active,
1015
+ .acud-table .acud-table-column-sorter .acud-table-column-sorter-down[aria-disabled="true"]:active {
1016
1016
  color: #B8BABF;
1017
1017
  }
1018
- .acud-table-column-filter {
1018
+ .acud-table .acud-table-column-filter {
1019
1019
  margin-left: 8px;
1020
1020
  font-size: 0;
1021
1021
  cursor: pointer;
1022
1022
  }
1023
- .acud-table-filter-dropdown {
1023
+ .acud-table .acud-table-filter-dropdown {
1024
1024
  box-sizing: border-box;
1025
1025
  font-size: 12px;
1026
1026
  line-height: 1.5;
@@ -1029,21 +1029,21 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
1029
1029
  z-index: 2;
1030
1030
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
1031
1031
  }
1032
- .acud-table-filter-dropdown-box {
1032
+ .acud-table .acud-table-filter-dropdown-box {
1033
1033
  min-width: 120px;
1034
1034
  }
1035
- .acud-table-filter-dropdown-box .acud-dropdown-menu-item-multiple {
1035
+ .acud-table .acud-table-filter-dropdown-box .acud-dropdown-menu-item-multiple {
1036
1036
  padding: 0;
1037
1037
  }
1038
- .acud-table-filter-dropdown-box .acud-checkbox-wrapper {
1038
+ .acud-table .acud-table-filter-dropdown-box .acud-checkbox-wrapper {
1039
1039
  display: flex;
1040
1040
  padding-left: 12px;
1041
1041
  padding-right: 12px;
1042
1042
  }
1043
- .acud-table-filter-dropdown-box .acud-table-filter-dropdown-tree .acud-checkbox-wrapper {
1043
+ .acud-table .acud-table-filter-dropdown-box .acud-table-filter-dropdown-tree .acud-checkbox-wrapper {
1044
1044
  padding-left: 0;
1045
1045
  }
1046
- .acud-table-filter-dropdown-menu {
1046
+ .acud-table .acud-table-filter-dropdown-menu {
1047
1047
  max-height: 264px;
1048
1048
  overflow-x: hidden;
1049
1049
  border: 0;
@@ -1056,7 +1056,7 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
1056
1056
  border-radius: 2px;
1057
1057
  outline: none;
1058
1058
  }
1059
- .acud-table-filter-dropdown-menu-item {
1059
+ .acud-table .acud-table-filter-dropdown-menu-item {
1060
1060
  clear: both;
1061
1061
  margin: 0;
1062
1062
  padding: 5px 12px;
@@ -1071,58 +1071,58 @@ tr.acud-table-expanded-row .acud-descriptions-view table {
1071
1071
  background-color: #FFFFFF;
1072
1072
  border-color: transparent;
1073
1073
  }
1074
- .acud-table-filter-dropdown-menu-item:hover {
1074
+ .acud-table .acud-table-filter-dropdown-menu-item:hover {
1075
1075
  color: #151B26;
1076
1076
  }
1077
- .acud-table-filter-dropdown-menu-item:focus,
1078
- .acud-table-filter-dropdown-menu-item:active {
1077
+ .acud-table .acud-table-filter-dropdown-menu-item:focus,
1078
+ .acud-table .acud-table-filter-dropdown-menu-item:active {
1079
1079
  color: #2468F2;
1080
1080
  }
1081
- .acud-table-filter-dropdown-menu-item[disabled],
1082
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"],
1083
- .acud-table-filter-dropdown-menu-item[disabled]:hover,
1084
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
1085
- .acud-table-filter-dropdown-menu-item[disabled]:focus,
1086
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
1087
- .acud-table-filter-dropdown-menu-item[disabled]:active,
1088
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
1081
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled],
1082
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"],
1083
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:hover,
1084
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
1085
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:focus,
1086
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
1087
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:active,
1088
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
1089
1089
  color: #B8BABF;
1090
1090
  }
1091
- .acud-table-filter-dropdown-menu-item:hover {
1091
+ .acud-table .acud-table-filter-dropdown-menu-item:hover {
1092
1092
  background-color: #E6F0FF;
1093
1093
  }
1094
- .acud-table-filter-dropdown-menu-item:focus,
1095
- .acud-table-filter-dropdown-menu-item:active {
1094
+ .acud-table .acud-table-filter-dropdown-menu-item:focus,
1095
+ .acud-table .acud-table-filter-dropdown-menu-item:active {
1096
1096
  background-color: #FFFFFF;
1097
1097
  }
1098
- .acud-table-filter-dropdown-menu-item[disabled],
1099
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"],
1100
- .acud-table-filter-dropdown-menu-item[disabled]:hover,
1101
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
1102
- .acud-table-filter-dropdown-menu-item[disabled]:focus,
1103
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
1104
- .acud-table-filter-dropdown-menu-item[disabled]:active,
1105
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
1098
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled],
1099
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"],
1100
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:hover,
1101
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
1102
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:focus,
1103
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
1104
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:active,
1105
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
1106
1106
  background-color: #FFFFFF;
1107
1107
  }
1108
- .acud-table-filter-dropdown-menu-item:hover {
1108
+ .acud-table .acud-table-filter-dropdown-menu-item:hover {
1109
1109
  border-color: transparent;
1110
1110
  }
1111
- .acud-table-filter-dropdown-menu-item:focus,
1112
- .acud-table-filter-dropdown-menu-item:active {
1111
+ .acud-table .acud-table-filter-dropdown-menu-item:focus,
1112
+ .acud-table .acud-table-filter-dropdown-menu-item:active {
1113
1113
  border-color: transparent;
1114
1114
  }
1115
- .acud-table-filter-dropdown-menu-item[disabled],
1116
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"],
1117
- .acud-table-filter-dropdown-menu-item[disabled]:hover,
1118
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
1119
- .acud-table-filter-dropdown-menu-item[disabled]:focus,
1120
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
1121
- .acud-table-filter-dropdown-menu-item[disabled]:active,
1122
- .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
1115
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled],
1116
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"],
1117
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:hover,
1118
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:hover,
1119
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:focus,
1120
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:focus,
1121
+ .acud-table .acud-table-filter-dropdown-menu-item[disabled]:active,
1122
+ .acud-table .acud-table-filter-dropdown-menu-item[aria-disabled="true"]:active {
1123
1123
  border-color: transparent;
1124
1124
  }
1125
- .acud-table-filter-dropdown-menu-item-checked {
1125
+ .acud-table .acud-table-filter-dropdown-menu-item-checked {
1126
1126
  color: #2468F2;
1127
1127
  }
1128
1128
  .acud-table-dropdown-checkbox {
@@ -339,8 +339,8 @@ var Menus = /*#__PURE__*/function (_React$Component) {
339
339
  return;
340
340
  }
341
341
  var isPlaceTop = ['topLeft', 'topRight'].includes(popupPlacement);
342
- var clientHeight = document.body.clientHeight;
343
- var clientWidth = document.body.clientWidth;
342
+ var clientHeight = window.innerHeight;
343
+ var clientWidth = window.innerWidth;
344
344
  var _loop = function _loop() {
345
345
  var currentMenu = _this6.menus[i];
346
346
  var prevMenu = _this6.menus[i - 1];
@@ -84,5 +84,32 @@ declare const placements: {
84
84
  offset: number[];
85
85
  targetOffset: number[];
86
86
  };
87
+ leftTop: {
88
+ points: string[];
89
+ overflow: {
90
+ adjustX: number;
91
+ adjustY: number;
92
+ };
93
+ offset: number[];
94
+ targetOffset: number[];
95
+ };
96
+ leftCenter: {
97
+ points: string[];
98
+ overflow: {
99
+ adjustX: number;
100
+ adjustY: number;
101
+ };
102
+ offset: number[];
103
+ targetOffset: number[];
104
+ };
105
+ leftBottom: {
106
+ points: string[];
107
+ overflow: {
108
+ adjustX: number;
109
+ adjustY: number;
110
+ };
111
+ offset: number[];
112
+ targetOffset: number[];
113
+ };
87
114
  };
88
115
  export default placements;
@@ -67,6 +67,24 @@ var placements = {
67
67
  overflow: autoAdjustOverflow,
68
68
  offset: [4, 0],
69
69
  targetOffset: targetOffset
70
+ },
71
+ leftTop: {
72
+ points: ['tr', 'tl'],
73
+ overflow: autoAdjustOverflow,
74
+ offset: [-4, 0],
75
+ targetOffset: targetOffset
76
+ },
77
+ leftCenter: {
78
+ points: ['cr', 'cl'],
79
+ overflow: autoAdjustOverflow,
80
+ offset: [-4, 0],
81
+ targetOffset: targetOffset
82
+ },
83
+ leftBottom: {
84
+ points: ['br', 'bl'],
85
+ overflow: autoAdjustOverflow,
86
+ offset: [-4, 0],
87
+ targetOffset: targetOffset
70
88
  }
71
89
  };
72
90
  var _default = placements;