acud 0.0.61 → 0.0.64

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 (53) hide show
  1. package/dist/acud.css +139 -14
  2. package/dist/acud.css.map +1 -1
  3. package/dist/acud.js +37 -25
  4. package/dist/acud.js.map +1 -1
  5. package/dist/acud.min.css +1 -1
  6. package/dist/acud.min.css.map +1 -1
  7. package/dist/acud.min.js +2 -2
  8. package/dist/acud.min.js.map +1 -1
  9. package/es/alert/style/index.css +1 -1
  10. package/es/alert/style/index.less +150 -147
  11. package/es/alert/style/rtl.less +27 -27
  12. package/es/card/Card.js +4 -3
  13. package/es/card/style/index.css +88 -0
  14. package/es/card/style/index.less +8 -0
  15. package/es/date-picker/src/Picker.js +1 -1
  16. package/es/date-picker/src/RangePicker.js +1 -1
  17. package/es/date-picker/style/index.css +43 -11
  18. package/es/date-picker/style/index.less +13 -2
  19. package/es/date-picker/style/panel.less +32 -10
  20. package/es/dropdown/dropdown-button.js +8 -3
  21. package/es/dropdown/style/index.css +4 -0
  22. package/es/dropdown/style/index.less +4 -0
  23. package/es/menu/globalSilderBar.d.ts +1 -0
  24. package/es/menu/globalSilderBar.js +4 -5
  25. package/es/style/themes/default/components/card.less +3 -0
  26. package/es/style/themes/default/components/datePicker.less +1 -1
  27. package/es/tooltip/index.d.ts +0 -1
  28. package/es/tooltip/index.js +3 -8
  29. package/es/transfer/style/index.css +2 -1
  30. package/es/transfer/style/index.less +2 -1
  31. package/lib/alert/style/index.css +1 -1
  32. package/lib/alert/style/index.less +150 -147
  33. package/lib/alert/style/rtl.less +27 -27
  34. package/lib/card/Card.js +4 -3
  35. package/lib/card/style/index.css +88 -0
  36. package/lib/card/style/index.less +8 -0
  37. package/lib/date-picker/src/Picker.js +1 -1
  38. package/lib/date-picker/src/RangePicker.js +1 -1
  39. package/lib/date-picker/style/index.css +43 -11
  40. package/lib/date-picker/style/index.less +13 -2
  41. package/lib/date-picker/style/panel.less +32 -10
  42. package/lib/dropdown/dropdown-button.js +8 -3
  43. package/lib/dropdown/style/index.css +4 -0
  44. package/lib/dropdown/style/index.less +4 -0
  45. package/lib/menu/globalSilderBar.d.ts +1 -0
  46. package/lib/menu/globalSilderBar.js +4 -5
  47. package/lib/style/themes/default/components/card.less +3 -0
  48. package/lib/style/themes/default/components/datePicker.less +1 -1
  49. package/lib/tooltip/index.d.ts +0 -1
  50. package/lib/tooltip/index.js +3 -8
  51. package/lib/transfer/style/index.css +2 -1
  52. package/lib/transfer/style/index.less +2 -1
  53. package/package.json +1 -1
@@ -1,39 +1,39 @@
1
1
  .@{alert-prefix-cls} {
2
- &&-rtl {
3
- direction: rtl;
4
- }
2
+ &&-rtl {
3
+ direction: rtl;
4
+ }
5
5
 
6
- &&-no-icon {
7
- .@{alert-prefix-cls}-rtl& {
8
- padding: @alert-no-icon-padding-vertical 4 * @P;
6
+ &&-no-icon {
7
+ .@{alert-prefix-cls}-rtl& {
8
+ padding: @alert-no-icon-padding-vertical 4 * @P;
9
+ }
9
10
  }
10
- }
11
11
 
12
- &-icon {
13
- .@{alert-prefix-cls}-rtl & {
14
- margin-right: auto;
15
- margin-left: @alert-margin;
12
+ &-icon {
13
+ .@{alert-prefix-cls}-rtl & {
14
+ margin-right: auto;
15
+ margin-left: @alert-margin;
16
+ }
16
17
  }
17
- }
18
18
 
19
- &-action {
20
- .@{alert-prefix-cls}-rtl & {
21
- margin-right: @alert-margin;
22
- margin-left: auto;
19
+ &-action {
20
+ .@{alert-prefix-cls}-rtl & {
21
+ margin-right: @alert-margin;
22
+ margin-left: auto;
23
+ }
23
24
  }
24
- }
25
25
 
26
- &-close-icon {
27
- .@{alert-prefix-cls}-rtl & {
28
- margin-right: @alert-margin;
29
- margin-left: auto;
26
+ &-close-icon {
27
+ .@{alert-prefix-cls}-rtl & {
28
+ margin-right: @alert-margin;
29
+ margin-left: auto;
30
+ }
30
31
  }
31
- }
32
32
 
33
- &-with-description &-icon {
34
- .@{alert-prefix-cls}-rtl& {
35
- margin-right: auto;
36
- margin-left: @alert-padding;
33
+ &-with-description &-icon {
34
+ .@{alert-prefix-cls}-rtl& {
35
+ margin-right: auto;
36
+ margin-left: @alert-padding;
37
+ }
37
38
  }
38
- }
39
39
  }
package/lib/card/Card.js CHANGED
@@ -71,7 +71,7 @@ exports.getAction = getAction;
71
71
  ;
72
72
 
73
73
  var Card = function Card(_a) {
74
- var _extends2, _classNames2;
74
+ var _extends2, _classNames3;
75
75
 
76
76
  var prefixCls = _a.prefixCls,
77
77
  simple = _a.simple,
@@ -218,6 +218,7 @@ var Card = function Card(_a) {
218
218
 
219
219
  if (title || extra || tabs) {
220
220
  var titleClassName = (0, _classnames["default"])("".concat(cardPrefixCls, "-head-title"), (0, _defineProperty2["default"])({}, "".concat(cardPrefixCls, "-head-title-with-tabs"), !!tabs));
221
+ var extraClassName = (0, _classnames["default"])("".concat(cardPrefixCls, "-head-extra"), (0, _defineProperty2["default"])({}, "".concat(cardPrefixCls, "-head-extra-with-tabs"), !!tabs));
221
222
  head = /*#__PURE__*/_react["default"].createElement("div", {
222
223
  className: "".concat(cardPrefixCls, "-head"),
223
224
  style: headStyle
@@ -226,7 +227,7 @@ var Card = function Card(_a) {
226
227
  }, title && /*#__PURE__*/_react["default"].createElement("div", {
227
228
  className: titleClassName
228
229
  }, title), extra && /*#__PURE__*/_react["default"].createElement("div", {
229
- className: "".concat(cardPrefixCls, "-head-extra")
230
+ className: extraClassName
230
231
  }, extra)), tabs);
231
232
  }
232
233
 
@@ -257,7 +258,7 @@ var Card = function Card(_a) {
257
258
  className: "".concat(cardPrefixCls, "-con-wrap ").concat(multiMedia ? "".concat(multiMediaPosition === 'left' ? 'right' : 'left') : '')
258
259
  }, head, coverDom, body, footer, actionRender));
259
260
 
260
- var classString = (0, _classnames["default"])(cardPrefixCls, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-bordered"), bordered), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-hoverable"), hoverable), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-type-").concat(type), !!type), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-simple"), simple), (0, _defineProperty2["default"])(_classNames2, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames2));
261
+ var classString = (0, _classnames["default"])(cardPrefixCls, (_classNames3 = {}, (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), (0, _defineProperty2["default"])(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames3));
261
262
  return /*#__PURE__*/_react["default"].createElement("div", {
262
263
  className: classString,
263
264
  disabled: simple && disabled,
@@ -236,6 +236,94 @@
236
236
  margin-right: auto;
237
237
  margin-left: 0;
238
238
  }
239
+ .acud-card-head-extra-with-tabs {
240
+ color: #151B26;
241
+ background-color: transparent;
242
+ border-color: transparent;
243
+ }
244
+ .acud-card-head-extra-with-tabs:hover {
245
+ color: #2468F2;
246
+ }
247
+ .acud-card-head-extra-with-tabs:focus,
248
+ .acud-card-head-extra-with-tabs:active {
249
+ color: #144BCC;
250
+ }
251
+ .acud-card-head-extra-with-tabs[disabled],
252
+ .acud-card-head-extra-with-tabs[disabled]:hover,
253
+ .acud-card-head-extra-with-tabs[disabled]:focus,
254
+ .acud-card-head-extra-with-tabs[disabled]:active {
255
+ color: #B8BABF;
256
+ }
257
+ .acud-card-head-extra-with-tabs:hover {
258
+ background-color: transparent;
259
+ }
260
+ .acud-card-head-extra-with-tabs:focus,
261
+ .acud-card-head-extra-with-tabs:active {
262
+ background-color: transparent;
263
+ }
264
+ .acud-card-head-extra-with-tabs[disabled],
265
+ .acud-card-head-extra-with-tabs[disabled]:hover,
266
+ .acud-card-head-extra-with-tabs[disabled]:focus,
267
+ .acud-card-head-extra-with-tabs[disabled]:active {
268
+ background-color: transparent;
269
+ }
270
+ .acud-card-head-extra-with-tabs:hover {
271
+ border-color: transparent;
272
+ }
273
+ .acud-card-head-extra-with-tabs:focus,
274
+ .acud-card-head-extra-with-tabs:active {
275
+ border-color: transparent;
276
+ }
277
+ .acud-card-head-extra-with-tabs[disabled],
278
+ .acud-card-head-extra-with-tabs[disabled]:hover,
279
+ .acud-card-head-extra-with-tabs[disabled]:focus,
280
+ .acud-card-head-extra-with-tabs[disabled]:active {
281
+ border-color: transparent;
282
+ }
283
+ .acud-card-head-extra-with-tabs a {
284
+ color: #151B26;
285
+ background-color: transparent;
286
+ border-color: transparent;
287
+ }
288
+ .acud-card-head-extra-with-tabs a:hover {
289
+ color: #2468F2;
290
+ }
291
+ .acud-card-head-extra-with-tabs a:focus,
292
+ .acud-card-head-extra-with-tabs a:active {
293
+ color: #144BCC;
294
+ }
295
+ .acud-card-head-extra-with-tabs a[disabled],
296
+ .acud-card-head-extra-with-tabs a[disabled]:hover,
297
+ .acud-card-head-extra-with-tabs a[disabled]:focus,
298
+ .acud-card-head-extra-with-tabs a[disabled]:active {
299
+ color: #B8BABF;
300
+ }
301
+ .acud-card-head-extra-with-tabs a:hover {
302
+ background-color: transparent;
303
+ }
304
+ .acud-card-head-extra-with-tabs a:focus,
305
+ .acud-card-head-extra-with-tabs a:active {
306
+ background-color: transparent;
307
+ }
308
+ .acud-card-head-extra-with-tabs a[disabled],
309
+ .acud-card-head-extra-with-tabs a[disabled]:hover,
310
+ .acud-card-head-extra-with-tabs a[disabled]:focus,
311
+ .acud-card-head-extra-with-tabs a[disabled]:active {
312
+ background-color: transparent;
313
+ }
314
+ .acud-card-head-extra-with-tabs a:hover {
315
+ border-color: transparent;
316
+ }
317
+ .acud-card-head-extra-with-tabs a:focus,
318
+ .acud-card-head-extra-with-tabs a:active {
319
+ border-color: transparent;
320
+ }
321
+ .acud-card-head-extra-with-tabs a[disabled],
322
+ .acud-card-head-extra-with-tabs a[disabled]:hover,
323
+ .acud-card-head-extra-with-tabs a[disabled]:focus,
324
+ .acud-card-head-extra-with-tabs a[disabled]:active {
325
+ border-color: transparent;
326
+ }
239
327
  .acud-card-footer {
240
328
  height: 24px;
241
329
  line-height: 24px;
@@ -112,6 +112,14 @@
112
112
  margin-right: auto;
113
113
  margin-left: 0;
114
114
  }
115
+
116
+ &-with-tabs {
117
+ .basic-config(@card-head-extra-withtab-default-tp, @card-head-extra-default-p);
118
+
119
+ a {
120
+ .basic-config(@card-head-extra-withtab-default-tp, @card-head-extra-default-p);
121
+ }
122
+ }
115
123
  }
116
124
  }
117
125
 
@@ -456,7 +456,7 @@ function InnerPicker(props) {
456
456
  size: (0, _uiUtil.getInputSize)(picker, formatList[0], generateConfig)
457
457
  }, (0, _miscUtil["default"])(props), {
458
458
  autoComplete: autoComplete
459
- })), suffixNode, clearNode))));
459
+ })), clearNode, suffixNode))));
460
460
  } // Wrap with class component to enable pass generic with instance method
461
461
 
462
462
 
@@ -1021,7 +1021,7 @@ function InnerRangePicker(props) {
1021
1021
  width: activeBarWidth,
1022
1022
  position: 'absolute'
1023
1023
  })
1024
- }), suffixNode, clearNode)));
1024
+ }), clearNode, suffixNode)));
1025
1025
  } // Wrap with class component to enable pass generic with instance method
1026
1026
 
1027
1027
 
@@ -366,7 +366,7 @@
366
366
  .acud-picker-input:hover .acud-picker-clear {
367
367
  opacity: 1;
368
368
  }
369
- .acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-suffix {
369
+ .acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
370
370
  opacity: 0;
371
371
  }
372
372
  .acud-picker-suffix {
@@ -455,7 +455,7 @@
455
455
  padding: 0 12px;
456
456
  line-height: 1;
457
457
  }
458
- .acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-suffix {
458
+ .acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
459
459
  opacity: 0;
460
460
  }
461
461
  .acud-picker-dropdown {
@@ -523,6 +523,28 @@
523
523
  .acud-picker-ranges .acud-picker-preset > .acud-tag-blue {
524
524
  cursor: pointer;
525
525
  }
526
+ .acud-picker-ranges .acud-picker-now {
527
+ font-size: 12px;
528
+ float: left;
529
+ cursor: pointer;
530
+ margin-top: 10px;
531
+ }
532
+ .acud-picker-ranges .acud-picker-now a {
533
+ color: #2468F2;
534
+ }
535
+ .acud-picker-ranges .acud-picker-now a:hover {
536
+ color: #528EFF;
537
+ }
538
+ .acud-picker-ranges .acud-picker-now a:focus,
539
+ .acud-picker-ranges .acud-picker-now a:active {
540
+ color: #144BCC;
541
+ }
542
+ .acud-picker-ranges .acud-picker-now a[disabled],
543
+ .acud-picker-ranges .acud-picker-now a[disabled]:hover,
544
+ .acud-picker-ranges .acud-picker-now a[disabled]:focus,
545
+ .acud-picker-ranges .acud-picker-now a[disabled]:active {
546
+ color: #B8BABF;
547
+ }
526
548
  .acud-picker-ranges .acud-picker-ok {
527
549
  float: right;
528
550
  margin-left: 12px;
@@ -606,12 +628,16 @@
606
628
  left: -12px;
607
629
  background: #E6F0FF;
608
630
  }
609
- .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover {
610
- background-color: #E6F0FF;
631
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover,
632
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover {
633
+ background-color: #D4E5FF;
611
634
  }
612
- .acud-picker-month-panel .acud-picker-cell-range-hover-start:hover {
613
- background-color: #A7C2F9;
614
- border-radius: 2px;
635
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
636
+ .acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
637
+ background: #E6F0FF;
638
+ }
639
+ .acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before {
640
+ left: -12px;
615
641
  }
616
642
  .acud-picker-header {
617
643
  display: flex;
@@ -859,7 +885,7 @@
859
885
  }
860
886
  .acud-picker-cell:hover:not(.acud-picker-cell-in-view) .acud-picker-cell-inner,
861
887
  .acud-picker-cell:hover:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end) .acud-picker-cell-inner {
862
- background: #E6F0FF;
888
+ background: #F7F7F9;
863
889
  border-radius: 2px;
864
890
  }
865
891
  .acud-picker-cell-in-view.acud-picker-cell-today .acud-picker-cell-inner::before {
@@ -949,7 +975,7 @@
949
975
  top: 0;
950
976
  bottom: 0;
951
977
  z-index: -1;
952
- background: #A7C2F9;
978
+ background: #D4E5FF;
953
979
  content: '';
954
980
  border-radius: 2px;
955
981
  }
@@ -996,7 +1022,7 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
996
1022
  }
997
1023
  .acud-picker-cell-disabled:not(:first-child)::before {
998
1024
  width: 12px;
999
- left: -12px;
1025
+ left: -10px;
1000
1026
  background: #F7F7F9;
1001
1027
  }
1002
1028
  .acud-picker-cell-disabled.acud-picker-cell-today .acud-picker-cell-inner::before {
@@ -1012,7 +1038,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
1012
1038
  height: 56px;
1013
1039
  }
1014
1040
  .acud-picker-date-panel .acud-picker-content td:hover {
1015
- background-color: #E6F0FF;
1016
1041
  border-radius: 2px;
1017
1042
  }
1018
1043
  .acud-picker-date-panel tr .acud-picker-cell:first-child::before {
@@ -1033,6 +1058,10 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
1033
1058
  justify-content: space-between;
1034
1059
  width: 216px;
1035
1060
  }
1061
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
1062
+ .acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
1063
+ background-color: #E6F0FF;
1064
+ }
1036
1065
  .acud-picker-footer {
1037
1066
  width: -webkit-min-content;
1038
1067
  width: -moz-min-content;
@@ -1108,6 +1137,9 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
1108
1137
  .acud-picker-panels .acud-picker-month-panel {
1109
1138
  width: 186px;
1110
1139
  }
1140
+ .acud-picker-panels .acud-picker-date-panel {
1141
+ width: 234px;
1142
+ }
1111
1143
  .acud-picker-week-panel .acud-picker-body {
1112
1144
  padding: 12px 8px;
1113
1145
  }
@@ -99,7 +99,7 @@
99
99
 
100
100
  &-has-value:not(.@{picker-prefix-cls}-clear-disabled) {
101
101
  &:hover {
102
- .@{picker-prefix-cls}-suffix {
102
+ .@{picker-prefix-cls}-clear + .@{picker-prefix-cls}-suffix {
103
103
  opacity: 0;
104
104
  }
105
105
  }
@@ -230,7 +230,7 @@
230
230
 
231
231
  &-range-has-value:not(&-clear-disabled) {
232
232
  &:hover {
233
- .@{picker-prefix-cls}-suffix {
233
+ .@{picker-prefix-cls}-clear + .@{picker-prefix-cls}-suffix {
234
234
  opacity: 0;
235
235
  }
236
236
  }
@@ -320,6 +320,17 @@
320
320
  cursor: pointer;
321
321
  }
322
322
 
323
+ .@{picker-prefix-cls}-now {
324
+ font-size: 12px;
325
+ float: left;
326
+ cursor: pointer;
327
+ margin-top: 10px;
328
+
329
+ a {
330
+ .basic-tp-config(tp2);
331
+ }
332
+ }
333
+
323
334
  .@{picker-prefix-cls}-ok {
324
335
  float: right;
325
336
  margin-left: @padding-xs;
@@ -61,16 +61,27 @@
61
61
  background: @picker-basic-cell-active-with-range-color;
62
62
  }
63
63
  }
64
- .@{picker-prefix-cls}-cell-in-view.@{picker-prefix-cls}-cell-range-hover-end {
65
- &:hover {
66
- background-color: @picker-basic-cell-active-with-range-color;
64
+ .@{picker-prefix-cls}-cell-in-view {
65
+ &.@{picker-prefix-cls}-cell-in-range {
66
+ &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
67
+ &:hover {
68
+ background-color: @B2;
69
+ }
70
+ }
71
+ }
72
+
73
+ &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
74
+ &:hover {
75
+ background: @picker-basic-cell-active-with-range-color;
76
+ }
67
77
  }
68
78
  }
69
79
 
70
- .@{picker-prefix-cls}-cell-range-hover-start {
71
- &:hover {
72
- background-color: @picker-date-hover-range-color;
73
- border-radius: @R2;
80
+ .@{picker-prefix-cls}-cell-disabled {
81
+ &:not(:first-child) {
82
+ &::before {
83
+ left: -3*@P;
84
+ }
74
85
  }
75
86
  }
76
87
  }
@@ -248,7 +259,7 @@
248
259
  &:hover:not(&-in-view),
249
260
  &:hover:not(&-selected):not(&-range-start):not(&-range-end):not(&-range-hover-start):not(&-range-hover-end) {
250
261
  .@{cellClassName} {
251
- background: @B1;
262
+ background: @G10;
252
263
  border-radius: @R2;
253
264
  }
254
265
  }
@@ -459,7 +470,7 @@
459
470
  &:not(:first-child) {
460
471
  &::before {
461
472
  width: 3*@P;
462
- left: -3*@P;
473
+ left: -3*@P + 2;
463
474
  background: @G10;
464
475
  }
465
476
  }
@@ -518,7 +529,6 @@
518
529
 
519
530
  &-date-panel {
520
531
  .@{picker-prefix-cls}-content td:hover {
521
- background-color: @B1;
522
532
  border-radius: @R2;
523
533
 
524
534
  // &:not(.@{picker-prefix-cls}-cell-in-range) {
@@ -557,6 +567,14 @@
557
567
  width: 60*@P - 2*3*@P;
558
568
  }
559
569
  }
570
+
571
+ .@{picker-prefix-cls}-cell-in-view {
572
+ &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
573
+ &:hover {
574
+ background-color: @picker-basic-cell-active-with-range-color;
575
+ }
576
+ }
577
+ }
560
578
  }
561
579
 
562
580
  // ======================== Footer ========================
@@ -673,6 +691,10 @@
673
691
  .@{picker-prefix-cls}-month-panel {
674
692
  width: 186px;
675
693
  }
694
+
695
+ .@{picker-prefix-cls}-date-panel {
696
+ width: 234px;
697
+ }
676
698
  }
677
699
 
678
700
  // ====================== Week Panel ======================
@@ -53,10 +53,12 @@ var DropdownButton = function DropdownButton(props) {
53
53
 
54
54
  var children = props.children,
55
55
  overlay = props.overlay,
56
- visible = props.visible,
57
56
  disabled = props.disabled,
57
+ trigger = props.trigger,
58
+ visible = props.visible,
58
59
  onVisibleChange = props.onVisibleChange,
59
- restProps = __rest(props, ["children", "overlay", "visible", "disabled", "onVisibleChange"]); // 菜单可见,需要将ICON旋转
60
+ onClick = props.onClick,
61
+ restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange", "onClick"]); // 菜单可见,需要将ICON旋转
60
62
 
61
63
 
62
64
  var _useState = (0, _react.useState)(!!visible),
@@ -73,11 +75,14 @@ var DropdownButton = function DropdownButton(props) {
73
75
  }, []);
74
76
  var arrowCls = (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, 'acud-btn-group-expand', popupVisible), (0, _defineProperty2["default"])(_classNames, 'acud-btn-group-border-left', restProps.type === 'primary'), _classNames));
75
77
  return /*#__PURE__*/_react["default"].createElement(ButtonGroup, null, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
76
- disabled: disabled
78
+ disabled: disabled,
79
+ onClick: onClick
77
80
  }, restProps), children), /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
78
81
  disabled: disabled,
79
82
  placement: "bottomRight",
83
+ trigger: trigger,
80
84
  overlay: overlay,
85
+ visible: popupVisible,
81
86
  onVisibleChange: handleVisibleChange
82
87
  }, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
83
88
  disabled: disabled,
@@ -220,6 +220,10 @@ li.acud-dropdown-menu-submenu-disabled:active,
220
220
  .acud-dropdown-menu-item-disabled:active {
221
221
  border-color: transparent;
222
222
  }
223
+ li.acud-dropdown-menu-submenu-active:hover,
224
+ .acud-dropdown-menu-item-active:hover {
225
+ background-color: #E6F0FF;
226
+ }
223
227
  .acud-dropdown-menu-submenu-title,
224
228
  .acud-dropdown-menu-item {
225
229
  padding-left: 12px;
@@ -105,6 +105,10 @@
105
105
  cursor: not-allowed;
106
106
  .basic-disabled-config(@dropdown-menu-tp, @dropdown-menu-p);
107
107
  }
108
+
109
+ &-active:hover {
110
+ background-color: @B1;
111
+ }
108
112
  }
109
113
 
110
114
  &-submenu-title,
@@ -7,6 +7,7 @@ import { MenuProps as RcMenuProps } from './rc-menu';
7
7
  export interface GlobalSiderBarProps extends RcMenuProps {
8
8
  iconList?: React.ReactNode[];
9
9
  scope?: 'global' | 'local';
10
+ onCollapse?: (collapsed: boolean) => void;
10
11
  }
11
12
  interface GlobalSiderBarInterface extends React.FC<GlobalSiderBarProps> {
12
13
  }
@@ -59,7 +59,8 @@ var GlobalSiderBar = function GlobalSiderBar(props) {
59
59
  inlineCollapsed = props.inlineCollapsed,
60
60
  expandIcon = props.expandIcon,
61
61
  scope = props.scope,
62
- rest = __rest(props, ["prefixCls", "className", "mode", "inlineCollapsed", "expandIcon", "scope"]); // siderbar
62
+ onCollapse = props.onCollapse,
63
+ rest = __rest(props, ["prefixCls", "className", "mode", "inlineCollapsed", "expandIcon", "scope", "onCollapse"]); // siderbar
63
64
 
64
65
 
65
66
  var _useState = (0, _react.useState)(inlineCollapsed),
@@ -75,10 +76,8 @@ var GlobalSiderBar = function GlobalSiderBar(props) {
75
76
  setCollapsed(function (collapsed) {
76
77
  return !collapsed;
77
78
  });
78
- }, []); // const toggleCollapsed = () => {
79
- // setCollapsed(!collapsed);
80
- // };
81
-
79
+ onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
80
+ }, [collapsed, onCollapse]);
82
81
  (0, _react.useEffect)(function () {
83
82
  setCollapsed(inlineCollapsed);
84
83
  }, [inlineCollapsed]);
@@ -40,6 +40,9 @@
40
40
  @card-head-extra-default-tp: tp2;
41
41
  @card-head-extra-default-p: p0;
42
42
 
43
+ // tabs卡片 头部操作颜色
44
+ @card-head-extra-withtab-default-tp: tp3;
45
+
43
46
  // 底部操作颜色
44
47
  @card-footer-extra-default-tp: tp5;
45
48
  @card-footer-extra-default-p: p0;
@@ -27,7 +27,7 @@
27
27
  @primary-color: @B2;
28
28
  @picker-basic-cell-active-with-range-color: @B1;
29
29
  @picker-date-hover-range-border-color: @B4;
30
- @picker-date-hover-range-color: @B3;
30
+ @picker-date-hover-range-color: @B2;
31
31
  @disabled-color: @G6;
32
32
  @picker-basic-cell-disabled-bg: transparent;
33
33
 
@@ -28,7 +28,6 @@ export interface AbstractTooltipProps extends Partial<Omit<RcTooltipProps, 'chil
28
28
  color?: LiteralUnion<PresetColorType, string>;
29
29
  placement?: TooltipPlacement;
30
30
  builtinPlacements?: typeof Placements;
31
- openClassName?: string;
32
31
  arrowPointAtCenter?: boolean;
33
32
  autoAdjustOverflow?: boolean | AdjustOverflow;
34
33
  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
@@ -92,7 +92,7 @@ function getDisabledCompatibleChildren(element, prefixCls) {
92
92
  }
93
93
 
94
94
  var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
95
- var _classNames2;
95
+ var _classNames;
96
96
 
97
97
  var _React$useContext = React.useContext(_configProvider.ConfigContext),
98
98
  getContextPopupContainer = _React$useContext.getPopupContainer,
@@ -179,7 +179,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
179
179
  };
180
180
 
181
181
  var customizePrefixCls = props.prefixCls,
182
- openClassName = props.openClassName,
183
182
  getPopupContainer = props.getPopupContainer,
184
183
  getTooltipContainer = props.getTooltipContainer,
185
184
  overlayClassName = props.overlayClassName,
@@ -195,9 +194,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
195
194
  }
196
195
 
197
196
  var child = getDisabledCompatibleChildren((0, _reactNode.isValidElement)(children) ? children : /*#__PURE__*/React.createElement("span", null, children), prefixCls);
198
- var childProps = child.props;
199
- var childCls = (0, _classnames["default"])(childProps.className, (0, _defineProperty2["default"])({}, openClassName || "".concat(prefixCls, "-open"), true));
200
- var customOverlayClassName = (0, _classnames["default"])(overlayClassName, (_classNames2 = {}, (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames2, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames2));
197
+ var customOverlayClassName = (0, _classnames["default"])(overlayClassName, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames));
201
198
  var formattedOverlayInnerStyle = overlayInnerStyle;
202
199
  var arrowContentStyle;
203
200
 
@@ -229,9 +226,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
229
226
  motionName: (0, _motion.getTransitionName)(rootPrefixCls, 'zoom-big-fast', props.transitionName),
230
227
  motionDeadline: 1000
231
228
  }
232
- }), tempVisible ? (0, _reactNode.cloneElement)(child, {
233
- className: childCls
234
- }) : child);
229
+ }), child);
235
230
  });
236
231
  Tooltip.displayName = 'Tooltip';
237
232
  Tooltip.defaultProps = {
@@ -32,6 +32,7 @@
32
32
  border: 1px solid #E8E9EB;
33
33
  border-radius: 4px;
34
34
  background-color: #F7F7F9;
35
+ overflow: hidden;
35
36
  }
36
37
  .acud-transfer-datasource-header {
37
38
  display: flex;
@@ -173,6 +174,7 @@
173
174
  border-radius: 4px;
174
175
  background-color: #F7F7F9;
175
176
  margin-left: 16px;
177
+ overflow: hidden;
176
178
  }
177
179
  .acud-transfer-target-header {
178
180
  display: flex;
@@ -288,7 +290,6 @@
288
290
  .acud-transfer-target-item-cancel.acuicon-outlined-close {
289
291
  display: flex;
290
292
  cursor: pointer;
291
- font-size: 22px;
292
293
  color: #84868C;
293
294
  }
294
295
  .acud-transfer-target-item-cancel.acuicon-outlined-close:hover {