acud 0.0.65 → 0.0.68

package/lib/date-picker/style/index.css

@@ -600,12 +600,23 @@
   color: #151B26;
 }
 .acud-picker-panel-header > li {
+  color: #151B26;
   margin-right: 24px;
   display: inline-block;
   cursor: pointer;
 }
-.acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover {
-  background-color: #F7F7F9 !important;
+.acud-picker-panel-header > li:hover {
+  color: #2468F2;
+}
+.acud-picker-panel-header > li:focus,
+.acud-picker-panel-header > li:active {
+  color: #144BCC;
+}
+.acud-picker-panel-header > li[disabled],
+.acud-picker-panel-header > li[disabled]:hover,
+.acud-picker-panel-header > li[disabled]:focus,
+.acud-picker-panel-header > li[disabled]:active {
+  color: #B8BABF;
 }
 .acud-picker-panel.acud-picker-panel-has-range .acud-picker-date-panel .acud-picker-content td:not(.acud-picker-cell-range-hover-start):not(.acud-picker-cell-range-hover-end):not(.acud-picker-cell-range-start):not(.acud-picker-cell-range-end):not(.acud-picker-cell-today):hover .acud-picker-cell-inner {
   background-color: #F7F7F9 !important;
@@ -623,20 +634,27 @@
   width: 240px;
 }
 .acud-picker-month-panel .acud-picker-cell-in-range:not(:first-child)::before,
-.acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before {
+.acud-picker-year-panel .acud-picker-cell-in-range:not(:first-child)::before,
+.acud-picker-month-panel .acud-picker-cell-range-hover:not(:first-child)::before,
+.acud-picker-year-panel .acud-picker-cell-range-hover:not(:first-child)::before {
   width: 12px;
   left: -12px;
   background: #E6F0FF;
 }
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover,
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover {
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-end:hover .acud-picker-cell-inner,
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-in-range.acud-picker-cell-range-hover-start:hover .acud-picker-cell-inner {
   background-color: #D4E5FF;
 }
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
+.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner,
+.acud-picker-year-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-in-range):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-end):not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
   background: #E6F0FF;
 }
-.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before {
+.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before,
+.acud-picker-year-panel .acud-picker-cell-disabled:not(:first-child)::before {
   left: -12px;
 }
 .acud-picker-header {
@@ -710,8 +728,23 @@
   color: #B8BABF;
 }
 .acud-picker-header-view button {
+  font-size: 12px;
   color: inherit;
-  font-weight: inherit;
+  font-weight: 400;
+  color: #151B26;
+}
+.acud-picker-header-view button:hover {
+  color: #2468F2;
+}
+.acud-picker-header-view button:focus,
+.acud-picker-header-view button:active {
+  color: #144BCC;
+}
+.acud-picker-header-view button[disabled],
+.acud-picker-header-view button[disabled]:hover,
+.acud-picker-header-view button[disabled]:focus,
+.acud-picker-header-view button[disabled]:active {
+  color: #B8BABF;
 }
 .acud-picker-header-view button:not(:first-child) {
   margin-left: 8px;
@@ -823,36 +856,6 @@
   font-weight: 400;
   font-size: 12px;
 }
-.acud-picker-content td {
-  background-color: #FFFFFF;
-  border-color: transparent;
-}
-.acud-picker-content td:hover {
-  background-color: #F7F7F9;
-}
-.acud-picker-content td:focus,
-.acud-picker-content td:active {
-  background-color: #2468F2;
-}
-.acud-picker-content td[disabled],
-.acud-picker-content td[disabled]:hover,
-.acud-picker-content td[disabled]:focus,
-.acud-picker-content td[disabled]:active {
-  background-color: #FFFFFF;
-}
-.acud-picker-content td:hover {
-  border-color: transparent;
-}
-.acud-picker-content td:focus,
-.acud-picker-content td:active {
-  border-color: transparent;
-}
-.acud-picker-content td[disabled],
-.acud-picker-content td[disabled]:hover,
-.acud-picker-content td[disabled]:focus,
-.acud-picker-content td[disabled]:active {
-  border-color: transparent;
-}
 .acud-picker-cell {
   cursor: pointer;
   color: #B8BABF;
@@ -899,10 +902,10 @@
   content: '';
   border-radius: 2px;
 }
-.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start) {
+.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) {
   background-color: transparent !important;
 }
-.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start) .acud-picker-cell-inner {
+.acud-picker-cell-today:not(.acud-picker-cell-in-range):not(.acud-picker-cell-range-hover):not(.acud-picker-cell-range-end):not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-disabled) .acud-picker-cell-inner {
   background-color: transparent !important;
 }
 .acud-picker-cell-in-view.acud-picker-cell-in-range,
@@ -947,6 +950,9 @@
 .acud-picker-cell-in-view.acud-picker-cell-range-end:not(.acud-picker-cell-range-end-single)::before {
   background: #E6F0FF;
 }
+.acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end::before {
+  background: transparent;
+}
 .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-end.acud-picker-cell-selected::before,
 .acud-picker-cell-in-view.acud-picker-cell-range-start.acud-picker-cell-range-hover-start.acud-picker-cell-range-hover-end::before {
   background: transparent !important;
@@ -987,6 +993,9 @@
   right: 0;
   left: 0;
 }
+.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover:not(:first-child)::before {
+  left: -9px;
+}
 .acud-picker-cell-range-hover.acud-picker-cell-range-start::after {
   right: 50%;
 }
@@ -1037,9 +1046,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-quarter-panel .acud-picker-content {
   height: 56px;
 }
-.acud-picker-date-panel .acud-picker-content td:hover {
-  border-radius: 2px;
-}
 .acud-picker-date-panel tr .acud-picker-cell:first-child::before {
   display: none;
 }
@@ -1058,8 +1064,8 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
   justify-content: space-between;
   width: 216px;
 }
-.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover,
-.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:hover {
+.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):hover .acud-picker-cell-inner,
+.acud-picker-date-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:not(.acud-picker-cell-range-start):hover .acud-picker-cell-inner {
   background-color: #E6F0FF;
 }
 .acud-picker-footer {
@@ -1069,6 +1075,9 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
   min-width: 100%;
   text-align: center;
   border-top: 1px solid #E8E9EB;
+  font-size: 12px;
+  line-height: 24px;
+  cursor: pointer;
 }
 .acud-picker-footer-extra {
   padding: 0 8px;
@@ -1080,8 +1089,20 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-today-btn.acud-picker-today-btn-disabled {
   cursor: not-allowed;
 }
-.acud-picker-decade-panel .acud-picker-cell-inner {
-  padding: 0 6px;
+.acud-picker-decade-panel tr {
+  display: block;
+  margin: 12px 0;
+}
+.acud-picker-decade-panel tr td {
+  display: inline-block;
+  margin-right: 12px;
+  width: 79px;
+}
+.acud-picker-decade-panel tr td:last-child {
+  margin-right: 0;
+}
+.acud-picker-decade-panel tr .acud-picker-cell-inner {
+  width: 100%;
 }
 .acud-picker-decade-panel .acud-picker-cell::before {
   display: none;
@@ -1102,7 +1123,6 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-month-panel tr td {
   display: inline-block;
   margin-right: 12px;
-  border-radius: 2px;
 }
 .acud-picker-year-panel tr td:last-child,
 .acud-picker-quarter-panel tr td:last-child,
@@ -1140,6 +1160,13 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-panels .acud-picker-date-panel {
   width: 234px;
 }
+.acud-picker-panels .acud-picker-decade-panel {
+  width: 285px;
+}
+.acud-picker-panels .acud-picker-decade-panel .acud-picker-header,
+.acud-picker-panels .acud-picker-decade-panel .acud-picker-body {
+  padding-right: 12px !important;
+}
 .acud-picker-week-panel .acud-picker-body {
   padding: 12px 8px;
 }
@@ -1157,20 +1184,46 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 }
 .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
 .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:first-child,
 .acud-picker-date-panel tr td.acud-picker-cell-range-hover:first-child,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child {
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover:first-child,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover:first-child {
   border-radius: 2px 0 0 2px;
 }
 .acud-picker-date-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
 .acud-picker-month-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
+.acud-picker-year-panel tr td.acud-picker-cell-in-view.acud-picker-cell-in-range:last-child,
 .acud-picker-date-panel tr td.acud-picker-cell-range-hover:last-child,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child {
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover:last-child,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover:last-child {
   border-radius: 0 2px 2px 0;
 }
-.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end,
-.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end {
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
   border-radius: 0 2px 2px 0;
 }
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range):first-child .acud-picker-cell-inner,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-end:not(.acud-picker-cell-range-end):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
+  border-radius: 2px;
+}
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range) .acud-picker-cell-inner {
+  border-radius: 2px 0 0 2px;
+}
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range):last-child .acud-picker-cell-inner,
+.acud-picker-date-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-month-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner,
+.acud-picker-year-panel tr td.acud-picker-cell-range-hover-start:not(.acud-picker-cell-selected):not(.acud-picker-cell-range-start):not(.acud-picker-cell-in-range).acud-picker-cell-selected .acud-picker-cell-inner {
+  border-radius: 2px;
+}
 .acud-picker-date-panel .acud-picker-body {
   padding: 12px;
 }

package/lib/date-picker/style/panel.less

@@ -20,6 +20,7 @@
             line-height: 8*@P;
             color: @G2;
             > li {
+                .basic-tp-config(@date-picker-header-tp);
                 margin-right: 6*@P;
                 display: inline-block;
                 cursor: pointer;
@@ -28,7 +29,7 @@
 
         &.@{picker-prefix-cls}-panel-has-range {
             .@{picker-prefix-cls}-date-panel .@{picker-prefix-cls}-content td:not(.@{picker-prefix-cls}-cell-range-hover-start):not(.@{picker-prefix-cls}-cell-range-hover-end):not(.@{picker-prefix-cls}-cell-range-start):not(.@{picker-prefix-cls}-cell-range-end):not(.@{picker-prefix-cls}-cell-today):hover {
-                background-color: @G10 !important;
+                // background-color: @G10 !important;
 
                 .@{picker-prefix-cls}-cell-inner {
                     background-color: @G10 !important;
@@ -53,7 +54,7 @@
         width: @date-picker-panel-width;
     }
 
-    &-month-panel {
+    &-month-panel, &-year-panel {
         .@{picker-prefix-cls}-cell-in-range, .@{picker-prefix-cls}-cell-range-hover {
             &:not(:first-child)::before {
                 width: 3*@P;
@@ -62,17 +63,21 @@
             }
         }
         .@{picker-prefix-cls}-cell-in-view {
-            &.@{picker-prefix-cls}-cell-in-range {
+            &.@{picker-prefix-cls}-cell-in-range { 
                 &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
                     &:hover {
-                        background-color: @B2;
+                        .@{picker-prefix-cls}-cell-inner {
+                            background-color: @B2;
+                        }
                     }
                 }
             }
 
             &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
-                &:hover {
-                    background: @picker-basic-cell-active-with-range-color;
+                &:not(.@{picker-prefix-cls}-cell-in-range):not(.@{picker-prefix-cls}-cell-selected):not(.@{picker-prefix-cls}-cell-range-end):not(.@{picker-prefix-cls}-cell-range-start):hover {
+                    .@{picker-prefix-cls}-cell-inner {
+                        background: @picker-basic-cell-active-with-range-color;
+                    }
                 }
             }
         }
@@ -123,8 +128,10 @@
             .basic-tp-config(@date-picker-date-tp);
 
             button {
+                font-size: @T2;
                 color: inherit;
-                font-weight: inherit;
+                font-weight: 400;
+                .basic-tp-config(@date-picker-header-tp);
 
                 &:not(:first-child) {
                     margin-left: 2*@P;
@@ -227,7 +234,7 @@
         }
 
         td {
-            .basic-p-config(@date-picker-date-p);
+            // .basic-p-config(@date-picker-date-p);
         }
     }
 
@@ -279,7 +286,7 @@
             }
         }
 
-        &-today:not(&-in-range):not(&-range-hover):not(&-range-end):not(&-selected):not(&-range-start) {
+        &-today:not(&-in-range):not(&-range-hover):not(&-range-end):not(&-selected):not(&-range-start):not(&-disabled) {
             background-color: transparent !important;
             .@{picker-prefix-cls}-cell-inner {
                 background-color: transparent !important;
@@ -344,6 +351,12 @@
             }
         }
 
+        &-in-view&-range-start&-range-end {
+            &::before {
+                background: transparent;
+            }
+        }
+
         &-in-view&-range-start&-range-end&-selected, &-in-view&-range-start&-range-hover-start&-range-hover-end {
             &::before {
                 background: transparent !important;
@@ -421,6 +434,10 @@
             left: 0;
         }
 
+        .@{picker-prefix-cls}-date-panel &-in-view&-range-hover:not(:first-child)::before {
+            left: -3*@P + 3;
+        }
+
         // Hover with range start & end
         &-range-hover&-range-start::after {
             right: 50%;
@@ -529,7 +546,7 @@
 
     &-date-panel {
         .@{picker-prefix-cls}-content td:hover {
-            border-radius: @R2;
+            // border-radius: @R2;
 
             // &:not(.@{picker-prefix-cls}-cell-in-range) {
             //     background-color: transparent;
@@ -569,9 +586,11 @@
         }
 
         .@{picker-prefix-cls}-cell-in-view {
-            &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
+            &.@{picker-prefix-cls}-cell-range-hover-end:not(.@{picker-prefix-cls}-cell-range-end), &.@{picker-prefix-cls}-cell-range-hover-start:not(.@{picker-prefix-cls}-cell-range-start) {
                 &:hover {
-                    background-color: @picker-basic-cell-active-with-range-color;
+                    .@{picker-prefix-cls}-cell-inner {
+                        background-color: @picker-basic-cell-active-with-range-color;
+                    }
                 }
             }
         }
@@ -584,6 +603,9 @@
         // line-height: @picker-text-height - 2 * @border-width-base;
         text-align: center;
         border-top: 1px solid @G8;
+        font-size: @T2;
+        line-height: 24px;
+        cursor: pointer;
         // border-bottom: @border-width-base @border-style-base transparent;
 
         .@{picker-prefix-cls}-panel & {
@@ -628,8 +650,23 @@
 
     // ===================== Decade Panel =====================
     &-decade-panel {
-        .@{picker-cell-inner-cls} {
-            padding: 0 (@padding-xs / 2);
+        tr {
+            display: block;
+            margin: 3*@P 0;
+
+            td {
+                display: inline-block;
+                margin-right: 3*@P;
+                width: 79px;
+
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+
+            .@{picker-cell-inner-cls} {
+                width: 100%;
+            }
         }
 
         .@{picker-prefix-cls}-cell::before {
@@ -650,7 +687,7 @@
             td {
                 display: inline-block;
                 margin-right: 3*@P;
-                border-radius: @R2;
+                // border-radius: @R2;
 
                 &:last-child {
                     margin-right: 0;
@@ -695,6 +732,14 @@
         .@{picker-prefix-cls}-date-panel {
             width: 234px;
         }
+
+        .@{picker-prefix-cls}-decade-panel {
+            width: 285px;
+
+            .@{picker-prefix-cls}-header, .@{picker-prefix-cls}-body {
+                padding-right: 12px !important;
+            }
+        }
     }
 
     // ====================== Week Panel ======================
@@ -741,7 +786,7 @@
         }
     }
 
-    &-date-panel, &-month-panel {
+    &-date-panel, &-month-panel, &-year-panel {
         tr {
             td.@{picker-prefix-cls}-cell-in-view.@{picker-prefix-cls}-cell-in-range, td.@{picker-prefix-cls}-cell-range-hover {
                 &:first-child {
@@ -753,8 +798,28 @@
                 }
             }
 
-            td.@{picker-prefix-cls}-cell-range-hover-end {
-                border-radius: 0 @R2 @R2 0;
+            td.@{picker-prefix-cls}-cell-range-hover-end:not(.@{picker-prefix-cls}-cell-range-end):not(.@{picker-prefix-cls}-cell-in-range) {
+                .@{picker-prefix-cls}-cell-inner {
+                    border-radius: 0 @R2 @R2 0;
+                }
+
+                &:first-child, &.@{picker-prefix-cls}-cell-selected {
+                    .@{picker-prefix-cls}-cell-inner {
+                        border-radius: @R2;
+                    }
+                }
+            }
+
+            td.@{picker-prefix-cls}-cell-range-hover-start:not(.@{picker-prefix-cls}-cell-selected):not(.@{picker-prefix-cls}-cell-range-start):not(.@{picker-prefix-cls}-cell-in-range) {
+                .@{picker-prefix-cls}-cell-inner {
+                    border-radius: @R2 0 0 @R2;
+                }
+
+                &:last-child, &.@{picker-prefix-cls}-cell-selected {
+                    .@{picker-prefix-cls}-cell-inner {
+                        border-radius: @R2;
+                    }
+                }
             }
         }
     }

package/lib/dialog-box/style/index.css

@@ -58,19 +58,19 @@
 }
 .acud-dialogbox-sm {
   width: 520px;
-  max-height: 240px;
+  max-height: 560px;
 }
 .acud-dialogbox-md {
   width: 800px;
-  max-height: 400px;
+  max-height: 560px;
 }
 .acud-dialogbox-lg {
   width: 1120px;
-  max-height: 480px;
+  max-height: 560px;
 }
 .acud-dialogbox-xl {
   width: 1200px;
-  max-height: 480px;
+  max-height: 560px;
 }
 .acud-dialogbox-content {
   position: relative;

package/lib/dropdown/dropdown-button.js

@@ -57,7 +57,10 @@ var DropdownButton = function DropdownButton(props) {
       trigger = props.trigger,
       visible = props.visible,
       onVisibleChange = props.onVisibleChange,
-      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange"]); // 菜单可见，需要将ICON旋转
+      overlayClassName = props.overlayClassName,
+      overlayStyle = props.overlayStyle,
+      getPopupContainer = props.getPopupContainer,
+      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange", "overlayClassName", "overlayStyle", "getPopupContainer"]); // 菜单可见，需要将ICON旋转
 
 
   var _useState = (0, _react.useState)(!!visible),
@@ -80,6 +83,9 @@ var DropdownButton = function DropdownButton(props) {
     placement: "bottomRight",
     trigger: trigger,
     overlay: overlay,
+    overlayClassName: overlayClassName,
+    overlayStyle: overlayStyle,
+    getPopupContainer: getPopupContainer,
     visible: popupVisible,
     onVisibleChange: handleVisibleChange
   }, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({

package/lib/dropdown/rc-dropdown/Dropdown.js

@@ -94,6 +94,7 @@ function Dropdown(props, ref) {
     var onOverlayClick = props.onOverlayClick;
     var overlayProps = getOverlayElement().props;
     setTriggerVisible(false);
+    onVisibleChange(false);
 
     if (onOverlayClick) {
       onOverlayClick(e);

package/lib/dropdown/style/index.css

@@ -93,9 +93,10 @@
   margin-top: -8px;
   font-size: 12px;
   line-height: 16px;
+  transition: transform 0.48s;
 }
 .acud-dropdown-trigger-arrow-expand {
-  transform: rotate(-180deg);
+  transform: rotate(180deg);
 }
 .acud-dropdown-trigger-arrow > svg {
   width: 16px;

package/lib/dropdown/style/index.less

@@ -72,9 +72,10 @@
             margin-top: -2 * @P;
             font-size: @T2;
             line-height: 4 * @P;
+            transition: transform .48s;
 
             &-expand {
-                transform: rotate(-180deg);
+                transform: rotate(180deg);
             }
 
             & > svg {

package/lib/form/style/horizontal.less

@@ -15,6 +15,7 @@
         }
 
         > label {
+            padding-left: ~"calc(.5em + 4px)";
             &.@{form-item-prefix-cls}-required:not(.@{form-item-prefix-cls}-required-mark-optional)::before {
                 text-indent: -.5em;
                 margin-left: -4px;

package/lib/form/style/index.css

@@ -115,6 +115,9 @@
 .acud-form-horizontal .acud-form-item-label:not([class*=' acud-col-']) {
   margin-right: 16px;
 }
+.acud-form-horizontal .acud-form-item-label > label {
+  padding-left: calc(.5em + 4px);
+}
 .acud-form-horizontal .acud-form-item-label > label.acud-form-item-required:not(.acud-form-item-required-mark-optional)::before {
   text-indent: -0.5em;
   margin-left: -4px;

package/lib/index.d.ts

@@ -7,6 +7,7 @@ export { default as Button } from './button';
 export { default as Carousel } from './carousel';
 export { default as Cascader } from './cascader';
 export { default as Checkbox } from './checkbox';
+export { default as Clear } from './clear';
 export { default as Col } from './col';
 export { default as Collapse } from './collapse';
 export { default as ConfigProvider } from './config-provider';

package/lib/index.js

@@ -71,6 +71,12 @@ Object.defineProperty(exports, "Checkbox", {
     return _checkbox["default"];
   }
 });
+Object.defineProperty(exports, "Clear", {
+  enumerable: true,
+  get: function get() {
+    return _clear["default"];
+  }
+});
 Object.defineProperty(exports, "Col", {
   enumerable: true,
   get: function get() {
@@ -324,6 +330,8 @@ var _cascader = _interopRequireDefault(require("./cascader"));
 
 var _checkbox = _interopRequireDefault(require("./checkbox"));
 
+var _clear = _interopRequireDefault(require("./clear"));
+
 var _col = _interopRequireDefault(require("./col"));
 
 var _collapse = _interopRequireDefault(require("./collapse"));

package/lib/modal/DialogBox.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface ModalFuncProps {
     /** 对话框标题 */
-    title?: string;
+    title?: React.ReactNode;
     /** 对话框内容 */
     content?: React.ReactNode;
     /** 点击确定回调 */

package/lib/modal/Modal.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ButtonProps } from '../button';
 declare enum SizeType {
     'small' = "sm",
     'normal' = "md",
@@ -14,15 +15,17 @@ export interface ModalProps {
     confirmLoading?: boolean;
     /** 弹框标题 */
     title?: React.ReactNode;
+    /** 确认按钮 props */
+    okButtonProps?: ButtonProps;
     /** 点击确定回调 */
     onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** 取消按钮 props */
+    cancelButtonProps?: ButtonProps;
     /** 点击模态框右上角叉、取消按钮、Props.maskClosable 值为 true 时的遮罩层或键盘按下 Esc 时的回调 */
     onCancel?: (e: React.MouseEvent<HTMLElement>) => void;
     afterClose?: () => void;
     /** 弹框宽度 */
     width?: number;
-    /** 弹框高度 */
-    height?: number;
     /** 底部内容 */
     footer?: React.ReactNode;
     /** 确认按钮文字 */