acud 0.0.63 → 0.0.64

package/es/dropdown/style/index.less

@@ -105,6 +105,10 @@
                 cursor: not-allowed;
                 .basic-disabled-config(@dropdown-menu-tp, @dropdown-menu-p);
             }
+
+            &-active:hover {
+                background-color: @B1;
+            }
         }
 
         &-submenu-title,

package/es/style/themes/default/components/datePicker.less

@@ -27,7 +27,7 @@
 @primary-color: @B2;
 @picker-basic-cell-active-with-range-color: @B1;
 @picker-date-hover-range-border-color: @B4;
-@picker-date-hover-range-color: @B3;
+@picker-date-hover-range-color: @B2;
 @disabled-color: @G6;
 @picker-basic-cell-disabled-bg: transparent;
 

package/es/transfer/style/index.css

@@ -32,6 +32,7 @@
   border: 1px solid #E8E9EB;
   border-radius: 4px;
   background-color: #F7F7F9;
+  overflow: hidden;
 }
 .acud-transfer-datasource-header {
   display: flex;
@@ -173,6 +174,7 @@
   border-radius: 4px;
   background-color: #F7F7F9;
   margin-left: 16px;
+  overflow: hidden;
 }
 .acud-transfer-target-header {
   display: flex;

package/es/transfer/style/index.less

@@ -26,6 +26,7 @@
         border: 1px solid @G8;
         border-radius: @R3;
         background-color: @G10;
+        overflow: hidden;
         &-header {
             display: flex;
             flex: none;
@@ -113,6 +114,7 @@
         border-radius: @R3;
         background-color: @G10;
         margin-left: @P * 4;
+        overflow: hidden;
         &-header {
             display: flex;
             flex: none;

package/lib/alert/style/index.css

@@ -24,7 +24,7 @@
   min-width: 0;
 }
 .acud-alert-icon {
-  margin: 3px 8px 0 0;
+  margin: 4px 8px 0 0;
   font-size: 18px;
   height: 18px;
   line-height: 18px;

package/lib/alert/style/index.less

@@ -4,154 +4,157 @@
 @alert-prefix-cls: ~'@{acud-prefix}-alert';
 
 .@{alert-prefix-cls} {
-  .reset-component();
-
-  position: relative;
-  display: flex;
-  align-items: flex-start;
-  padding: @P 4 * @P;
-  word-wrap: break-word;
-  border-radius: @alert-border-radius;
-
-  &-content {
-    flex: 1;
-    min-width: 0;
-  }
-
-  &-icon {
-    margin: 3px @alert-margin 0 0;
-    font-size: @alert-icon-size;
-    height: @alert-icon-size;
-    line-height: @alert-icon-size;
-  }
-
-  &-description {
-    display: none;
-    font-size: @T2;
-    line-height: @T2 + 8px;
-    color: @alert-message-color;
-  }
-
-  &-success {
-    background-color: @alert-success-bg-color;
-    border: none;
-    .@{alert-prefix-cls}-icon {
-      color: @alert-success-icon-color;
-    }
-  }
-
-  &-info {
-    background-color: @alert-info-bg-color;
-    border: none;
-    .@{alert-prefix-cls}-icon {
-      color: @alert-info-icon-color;
-    }
-  }
-
-  &-warning {
-    background-color: @alert-warning-bg-color;
-    border: none;
-    .@{alert-prefix-cls}-icon {
-      color: @alert-warning-icon-color;
-    }
-  }
-
-  &-error {
-    background-color: @alert-error-bg-color;
-    border: none;
-
-    .@{alert-prefix-cls}-icon {
-      color: @alert-error-icon-color;
-    }
-
-    .@{alert-prefix-cls}-description > pre {
-      margin: 0;
-      padding: 0;
-      background: transparent;
-      overflow: scroll;
-    }
-  }
-
-  &-action {
-    margin-left: @alert-margin;
-  }
-
-  &-close-icon {
-    margin-left: @alert-margin;
-    margin-top: @P;
-    padding: 0;
-    overflow: hidden;
-    font-size: @T4;
-    line-height: @T2;
-    background-color: transparent;
-    border: none;
-    outline: none;
-    cursor: pointer;
-
-    > .@{iconfont-css-prefix} {
-      color: @alert-close-color;
-      transition: color 0.3s;
-      &:hover {
-        color: @alert-close-hover-color;
-      }
-      &:active {
-        color: @alert-close-click-color;
-      }
-    }
-  }
-
-  &-close-text {
-    font-size: @T2;
-    color: @alert-close-text-color;
-    transition: color 0.3s;
-    &:hover {
-      color: @alert-close-text-hover-color;
-    }
-  }
-
-  &-with-description {
+    .reset-component();
+
+    position: relative;
+    display: flex;
     align-items: flex-start;
-    padding: @alert-padding;
-  }
-
-  &-with-description &-message {
-    display: block;
-    margin-bottom: 4px;
-    color: @alert-message-color;
-    font-size: @T3;
-    font-weight: @alert-title-font-weight;
-  }
-
-  &-message {
-    color: @alert-message-color;
-    font-size: @T2;
-    line-height: 6 * @P;
-  }
-
-  &-with-description &-description {
-    display: block;
-  }
-
-  &&-motion-leave {
-    overflow: hidden;
-    opacity: 1;
-    transition: max-height 0.3s @ease-in-out-circ, opacity 0.3s @ease-in-out-circ,
-      padding-top 0.3s @ease-in-out-circ, padding-bottom 0.3s @ease-in-out-circ,
-      margin-bottom 0.3s @ease-in-out-circ;
-  }
-
-  &&-motion-leave-active {
-    max-height: 0;
-    margin-bottom: 0 !important;
-    padding-top: 0;
-    padding-bottom: 0;
-    opacity: 0;
-  }
-
-  &-banner {
-    margin-bottom: 0;
-    border: 0;
-  }
+    padding: @P 4 * @P;
+    word-wrap: break-word;
+    border-radius: @alert-border-radius;
+
+    &-content {
+        flex: 1;
+        min-width: 0;
+    }
+
+    &-icon {
+        margin: 4px @alert-margin 0 0;
+        font-size: @alert-icon-size;
+        height: @alert-icon-size;
+        line-height: @alert-icon-size;
+    }
+
+    &-description {
+        display: none;
+        font-size: @T2;
+        line-height: @T2 + 8px;
+        color: @alert-message-color;
+    }
+
+    &-success {
+        background-color: @alert-success-bg-color;
+        border: none;
+        .@{alert-prefix-cls}-icon {
+            color: @alert-success-icon-color;
+        }
+    }
+
+    &-info {
+        background-color: @alert-info-bg-color;
+        border: none;
+        .@{alert-prefix-cls}-icon {
+            color: @alert-info-icon-color;
+        }
+    }
+
+    &-warning {
+        background-color: @alert-warning-bg-color;
+        border: none;
+        .@{alert-prefix-cls}-icon {
+            color: @alert-warning-icon-color;
+        }
+    }
+
+    &-error {
+        background-color: @alert-error-bg-color;
+        border: none;
+
+        .@{alert-prefix-cls}-icon {
+            color: @alert-error-icon-color;
+        }
+
+        .@{alert-prefix-cls}-description > pre {
+            margin: 0;
+            padding: 0;
+            background: transparent;
+            overflow: scroll;
+        }
+    }
+
+    &-action {
+        margin-left: @alert-margin;
+    }
+
+    &-close-icon {
+        margin-left: @alert-margin;
+        margin-top: @P;
+        padding: 0;
+        overflow: hidden;
+        font-size: @T4;
+        line-height: @T2;
+        background-color: transparent;
+        border: none;
+        outline: none;
+        cursor: pointer;
+
+        > .@{iconfont-css-prefix} {
+            color: @alert-close-color;
+            transition: color .3s;
+
+            &:hover {
+                color: @alert-close-hover-color;
+            }
+
+            &:active {
+                color: @alert-close-click-color;
+            }
+        }
+    }
+
+    &-close-text {
+        font-size: @T2;
+        color: @alert-close-text-color;
+        transition: color .3s;
+
+        &:hover {
+            color: @alert-close-text-hover-color;
+        }
+    }
+
+    &-with-description {
+        align-items: flex-start;
+        padding: @alert-padding;
+    }
+
+    &-with-description &-message {
+        display: block;
+        margin-bottom: 4px;
+        color: @alert-message-color;
+        font-size: @T3;
+        font-weight: @alert-title-font-weight;
+    }
+
+    &-message {
+        color: @alert-message-color;
+        font-size: @T2;
+        line-height: 6 * @P;
+    }
+
+    &-with-description &-description {
+        display: block;
+    }
+
+    &&-motion-leave {
+        overflow: hidden;
+        opacity: 1;
+        transition: max-height .3s @ease-in-out-circ, opacity .3s @ease-in-out-circ,
+        padding-top .3s @ease-in-out-circ, padding-bottom .3s @ease-in-out-circ,
+        margin-bottom .3s @ease-in-out-circ;
+    }
+
+    &&-motion-leave-active {
+        max-height: 0;
+        margin-bottom: 0 !important;
+        padding-top: 0;
+        padding-bottom: 0;
+        opacity: 0;
+    }
+
+    &-banner {
+        margin-bottom: 0;
+        border: 0;
+    }
 }
 
 @import './rtl';

package/lib/alert/style/rtl.less

@@ -1,39 +1,39 @@
 .@{alert-prefix-cls} {
-  &&-rtl {
-    direction: rtl;
-  }
+    &&-rtl {
+        direction: rtl;
+    }
 
-  &&-no-icon {
-    .@{alert-prefix-cls}-rtl& {
-      padding: @alert-no-icon-padding-vertical 4 * @P;
+    &&-no-icon {
+        .@{alert-prefix-cls}-rtl& {
+            padding: @alert-no-icon-padding-vertical 4 * @P;
+        }
     }
-  }
 
-  &-icon {
-    .@{alert-prefix-cls}-rtl & {
-      margin-right: auto;
-      margin-left: @alert-margin;
+    &-icon {
+        .@{alert-prefix-cls}-rtl & {
+            margin-right: auto;
+            margin-left: @alert-margin;
+        }
     }
-  }
 
-  &-action {
-    .@{alert-prefix-cls}-rtl & {
-      margin-right: @alert-margin;
-      margin-left: auto;
+    &-action {
+        .@{alert-prefix-cls}-rtl & {
+            margin-right: @alert-margin;
+            margin-left: auto;
+        }
     }
-  }
 
-  &-close-icon {
-    .@{alert-prefix-cls}-rtl & {
-      margin-right: @alert-margin;
-      margin-left: auto;
+    &-close-icon {
+        .@{alert-prefix-cls}-rtl & {
+            margin-right: @alert-margin;
+            margin-left: auto;
+        }
     }
-  }
 
-  &-with-description &-icon {
-    .@{alert-prefix-cls}-rtl& {
-      margin-right: auto;
-      margin-left: @alert-padding;
+    &-with-description &-icon {
+        .@{alert-prefix-cls}-rtl& {
+            margin-right: auto;
+            margin-left: @alert-padding;
+        }
     }
-  }
 }

package/lib/date-picker/src/Picker.js

@@ -456,7 +456,7 @@ function InnerPicker(props) {
     size: (0, _uiUtil.getInputSize)(picker, formatList[0], generateConfig)
   }, (0, _miscUtil["default"])(props), {
     autoComplete: autoComplete
-  })), suffixNode, clearNode))));
+  })), clearNode, suffixNode))));
 } // Wrap with class component to enable pass generic with instance method
 
 

package/lib/date-picker/src/RangePicker.js

@@ -1021,7 +1021,7 @@ function InnerRangePicker(props) {
       width: activeBarWidth,
       position: 'absolute'
     })
-  }), suffixNode, clearNode)));
+  }), clearNode, suffixNode)));
 } // Wrap with class component to enable pass generic with instance method
 
 

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

@@ -366,7 +366,7 @@
 .acud-picker-input:hover .acud-picker-clear {
   opacity: 1;
 }
-.acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-suffix {
+.acud-picker-input-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
   opacity: 0;
 }
 .acud-picker-suffix {
@@ -455,7 +455,7 @@
   padding: 0 12px;
   line-height: 1;
 }
-.acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-suffix {
+.acud-picker-range-has-value:not(.acud-picker-clear-disabled):hover .acud-picker-clear + .acud-picker-suffix {
   opacity: 0;
 }
 .acud-picker-dropdown {
@@ -523,6 +523,28 @@
 .acud-picker-ranges .acud-picker-preset > .acud-tag-blue {
   cursor: pointer;
 }
+.acud-picker-ranges .acud-picker-now {
+  font-size: 12px;
+  float: left;
+  cursor: pointer;
+  margin-top: 10px;
+}
+.acud-picker-ranges .acud-picker-now a {
+  color: #2468F2;
+}
+.acud-picker-ranges .acud-picker-now a:hover {
+  color: #528EFF;
+}
+.acud-picker-ranges .acud-picker-now a:focus,
+.acud-picker-ranges .acud-picker-now a:active {
+  color: #144BCC;
+}
+.acud-picker-ranges .acud-picker-now a[disabled],
+.acud-picker-ranges .acud-picker-now a[disabled]:hover,
+.acud-picker-ranges .acud-picker-now a[disabled]:focus,
+.acud-picker-ranges .acud-picker-now a[disabled]:active {
+  color: #B8BABF;
+}
 .acud-picker-ranges .acud-picker-ok {
   float: right;
   margin-left: 12px;
@@ -606,12 +628,16 @@
   left: -12px;
   background: #E6F0FF;
 }
-.acud-picker-month-panel .acud-picker-cell-in-view.acud-picker-cell-range-hover-end:hover {
-  background-color: #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 {
+  background-color: #D4E5FF;
 }
-.acud-picker-month-panel .acud-picker-cell-range-hover-start:hover {
-  background-color: #A7C2F9;
-  border-radius: 2px;
+.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 {
+  background: #E6F0FF;
+}
+.acud-picker-month-panel .acud-picker-cell-disabled:not(:first-child)::before {
+  left: -12px;
 }
 .acud-picker-header {
   display: flex;
@@ -859,7 +885,7 @@
 }
 .acud-picker-cell:hover:not(.acud-picker-cell-in-view) .acud-picker-cell-inner,
 .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 {
-  background: #E6F0FF;
+  background: #F7F7F9;
   border-radius: 2px;
 }
 .acud-picker-cell-in-view.acud-picker-cell-today .acud-picker-cell-inner::before {
@@ -949,7 +975,7 @@
   top: 0;
   bottom: 0;
   z-index: -1;
-  background: #A7C2F9;
+  background: #D4E5FF;
   content: '';
   border-radius: 2px;
 }
@@ -996,7 +1022,7 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 }
 .acud-picker-cell-disabled:not(:first-child)::before {
   width: 12px;
-  left: -12px;
+  left: -10px;
   background: #F7F7F9;
 }
 .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
   height: 56px;
 }
 .acud-picker-date-panel .acud-picker-content td:hover {
-  background-color: #E6F0FF;
   border-radius: 2px;
 }
 .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
   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 {
+  background-color: #E6F0FF;
+}
 .acud-picker-footer {
   width: -webkit-min-content;
   width: -moz-min-content;
@@ -1108,6 +1137,9 @@ tr > .acud-picker-cell-in-view.acud-picker-cell-range-hover-start:last-child::af
 .acud-picker-panels .acud-picker-month-panel {
   width: 186px;
 }
+.acud-picker-panels .acud-picker-date-panel {
+  width: 234px;
+}
 .acud-picker-week-panel .acud-picker-body {
   padding: 12px 8px;
 }

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

@@ -99,7 +99,7 @@
 
         &-has-value:not(.@{picker-prefix-cls}-clear-disabled) {
             &:hover {
-                .@{picker-prefix-cls}-suffix {
+                .@{picker-prefix-cls}-clear + .@{picker-prefix-cls}-suffix {
                     opacity: 0;
                 }
             }
@@ -230,7 +230,7 @@
 
     &-range-has-value:not(&-clear-disabled) {
         &:hover {
-            .@{picker-prefix-cls}-suffix {
+            .@{picker-prefix-cls}-clear + .@{picker-prefix-cls}-suffix {
                 opacity: 0;
             }
         }
@@ -320,6 +320,17 @@
             cursor: pointer;
         }
 
+        .@{picker-prefix-cls}-now {
+            font-size: 12px;
+            float: left;
+            cursor: pointer;
+            margin-top: 10px;
+
+            a {
+                .basic-tp-config(tp2);
+            }
+        }
+
         .@{picker-prefix-cls}-ok {
             float: right;
             margin-left: @padding-xs;

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

@@ -61,16 +61,27 @@
                 background: @picker-basic-cell-active-with-range-color;
             }
         }
-        .@{picker-prefix-cls}-cell-in-view.@{picker-prefix-cls}-cell-range-hover-end {
-            &:hover {
-                background-color: @picker-basic-cell-active-with-range-color;
+        .@{picker-prefix-cls}-cell-in-view {
+            &.@{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-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
+                &:hover {
+                    background: @picker-basic-cell-active-with-range-color;
+                }
             }
         }
 
-        .@{picker-prefix-cls}-cell-range-hover-start {
-            &:hover {
-                background-color: @picker-date-hover-range-color;
-                border-radius: @R2;
+        .@{picker-prefix-cls}-cell-disabled {
+            &:not(:first-child) {
+                &::before {
+                    left: -3*@P;
+                }
             }
         }
     }
@@ -248,7 +259,7 @@
         &:hover:not(&-in-view),
         &:hover:not(&-selected):not(&-range-start):not(&-range-end):not(&-range-hover-start):not(&-range-hover-end) {
             .@{cellClassName} {
-                background: @B1;
+                background: @G10;
                 border-radius: @R2;
             }
         }
@@ -459,7 +470,7 @@
             &:not(:first-child) {
                 &::before {
                     width: 3*@P;
-                    left: -3*@P;
+                    left: -3*@P + 2;
                     background: @G10;
                 }
             }
@@ -518,7 +529,6 @@
 
     &-date-panel {
         .@{picker-prefix-cls}-content td:hover {
-            background-color: @B1;
             border-radius: @R2;
 
             // &:not(.@{picker-prefix-cls}-cell-in-range) {
@@ -557,6 +567,14 @@
                 width: 60*@P - 2*3*@P;
             }
         }
+
+        .@{picker-prefix-cls}-cell-in-view {
+            &.@{picker-prefix-cls}-cell-range-hover-end, &.@{picker-prefix-cls}-cell-range-hover-start {
+                &:hover {
+                    background-color: @picker-basic-cell-active-with-range-color;
+                }
+            }
+        }
     }
 
     // ======================== Footer ========================
@@ -673,6 +691,10 @@
         .@{picker-prefix-cls}-month-panel {
             width: 186px;
         }
+
+        .@{picker-prefix-cls}-date-panel {
+            width: 234px;
+        }
     }
 
     // ====================== Week Panel ======================