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.
- package/dist/acud.css +139 -14
- package/dist/acud.css.map +1 -1
- package/dist/acud.js +37 -25
- package/dist/acud.js.map +1 -1
- package/dist/acud.min.css +1 -1
- package/dist/acud.min.css.map +1 -1
- package/dist/acud.min.js +2 -2
- package/dist/acud.min.js.map +1 -1
- package/es/alert/style/index.css +1 -1
- package/es/alert/style/index.less +150 -147
- package/es/alert/style/rtl.less +27 -27
- package/es/card/Card.js +4 -3
- package/es/card/style/index.css +88 -0
- package/es/card/style/index.less +8 -0
- package/es/date-picker/src/Picker.js +1 -1
- package/es/date-picker/src/RangePicker.js +1 -1
- package/es/date-picker/style/index.css +43 -11
- package/es/date-picker/style/index.less +13 -2
- package/es/date-picker/style/panel.less +32 -10
- package/es/dropdown/dropdown-button.js +8 -3
- package/es/dropdown/style/index.css +4 -0
- package/es/dropdown/style/index.less +4 -0
- package/es/menu/globalSilderBar.d.ts +1 -0
- package/es/menu/globalSilderBar.js +4 -5
- package/es/style/themes/default/components/card.less +3 -0
- package/es/style/themes/default/components/datePicker.less +1 -1
- package/es/tooltip/index.d.ts +0 -1
- package/es/tooltip/index.js +3 -8
- package/es/transfer/style/index.css +2 -1
- package/es/transfer/style/index.less +2 -1
- package/lib/alert/style/index.css +1 -1
- package/lib/alert/style/index.less +150 -147
- package/lib/alert/style/rtl.less +27 -27
- package/lib/card/Card.js +4 -3
- package/lib/card/style/index.css +88 -0
- package/lib/card/style/index.less +8 -0
- package/lib/date-picker/src/Picker.js +1 -1
- package/lib/date-picker/src/RangePicker.js +1 -1
- package/lib/date-picker/style/index.css +43 -11
- package/lib/date-picker/style/index.less +13 -2
- package/lib/date-picker/style/panel.less +32 -10
- package/lib/dropdown/dropdown-button.js +8 -3
- package/lib/dropdown/style/index.css +4 -0
- package/lib/dropdown/style/index.less +4 -0
- package/lib/menu/globalSilderBar.d.ts +1 -0
- package/lib/menu/globalSilderBar.js +4 -5
- package/lib/style/themes/default/components/card.less +3 -0
- package/lib/style/themes/default/components/datePicker.less +1 -1
- package/lib/tooltip/index.d.ts +0 -1
- package/lib/tooltip/index.js +3 -8
- package/lib/transfer/style/index.css +2 -1
- package/lib/transfer/style/index.less +2 -1
- package/package.json +1 -1
package/lib/alert/style/rtl.less
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
.@{alert-prefix-cls} {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
&&-rtl {
|
|
3
|
+
direction: rtl;
|
|
4
|
+
}
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
&&-no-icon {
|
|
7
|
+
.@{alert-prefix-cls}-rtl& {
|
|
8
|
+
padding: @alert-no-icon-padding-vertical 4 * @P;
|
|
9
|
+
}
|
|
9
10
|
}
|
|
10
|
-
}
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
&-icon {
|
|
13
|
+
.@{alert-prefix-cls}-rtl & {
|
|
14
|
+
margin-right: auto;
|
|
15
|
+
margin-left: @alert-margin;
|
|
16
|
+
}
|
|
16
17
|
}
|
|
17
|
-
}
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
&-action {
|
|
20
|
+
.@{alert-prefix-cls}-rtl & {
|
|
21
|
+
margin-right: @alert-margin;
|
|
22
|
+
margin-left: auto;
|
|
23
|
+
}
|
|
23
24
|
}
|
|
24
|
-
}
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
&-close-icon {
|
|
27
|
+
.@{alert-prefix-cls}-rtl & {
|
|
28
|
+
margin-right: @alert-margin;
|
|
29
|
+
margin-left: auto;
|
|
30
|
+
}
|
|
30
31
|
}
|
|
31
|
-
}
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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,
|
|
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:
|
|
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, (
|
|
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,
|
package/lib/card/style/index.css
CHANGED
|
@@ -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
|
-
})),
|
|
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
|
-
}),
|
|
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
|
-
|
|
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-
|
|
613
|
-
|
|
614
|
-
|
|
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: #
|
|
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: #
|
|
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: -
|
|
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
|
|
65
|
-
|
|
66
|
-
|
|
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-
|
|
71
|
-
&:
|
|
72
|
-
|
|
73
|
-
|
|
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: @
|
|
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
|
-
|
|
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;
|
|
@@ -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
|
-
|
|
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
|
-
|
|
79
|
-
|
|
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]);
|
|
@@ -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: @
|
|
30
|
+
@picker-date-hover-range-color: @B2;
|
|
31
31
|
@disabled-color: @G6;
|
|
32
32
|
@picker-basic-cell-disabled-bg: transparent;
|
|
33
33
|
|
package/lib/tooltip/index.d.ts
CHANGED
|
@@ -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;
|
package/lib/tooltip/index.js
CHANGED
|
@@ -92,7 +92,7 @@ function getDisabledCompatibleChildren(element, prefixCls) {
|
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
95
|
-
var
|
|
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
|
|
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
|
-
}),
|
|
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 {
|