acud 0.0.63 → 0.0.66

package/es/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/es/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/es/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/es/breadcrumb/BreadcrumbItem.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { BaseDropdownProps } from '../dropdown/dropdown';
 export interface BreadcrumbItemProps {
     prefixCls?: string;

package/es/breadcrumb/BreadcrumbItem.js

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -13,8 +14,8 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import * as React from 'react';
-import { OutlinedDown } from 'acud-icon';
+import React, { useCallback, useState } from 'react';
+import { OutlinedDown, OutlinedUp } from 'acud-icon';
 import DropDown from '../dropdown/dropdown';
 import { ConfigContext } from '../config-provider';
 
@@ -27,21 +28,32 @@ var BreadcrumbItem = function BreadcrumbItem(_a) {
       dropdownProps = _a.dropdownProps,
       restProps = __rest(_a, ["prefixCls", "separator", "children", "overlay", "dropdownProps"]);
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
   var _React$useContext = React.useContext(ConfigContext),
       getPrefixCls = _React$useContext.getPrefixCls;
 
   var prefixCls = getPrefixCls('breadcrumb', customizePrefixCls);
+  var handleVisibleChange = useCallback(function (visible) {
+    setVisible(visible);
+  }, []);
   /** If overlay is have Wrap a DropDown */
 
   var renderBreadcrumbNode = function renderBreadcrumbNode(breadcrumbItem) {
     if (overlay) {
       return /*#__PURE__*/React.createElement(DropDown, _extends({
         overlay: overlay,
+        visible: visible,
         placement: "bottomCenter",
         overlayClassName: "".concat(prefixCls, "-dropdown")
-      }, dropdownProps), /*#__PURE__*/React.createElement("span", {
+      }, dropdownProps, {
+        onVisibleChange: handleVisibleChange
+      }), /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-overlay-link")
-      }, breadcrumbItem, /*#__PURE__*/React.createElement(OutlinedDown, null)));
+      }, breadcrumbItem, visible ? /*#__PURE__*/React.createElement(OutlinedUp, null) : /*#__PURE__*/React.createElement(OutlinedDown, null)));
     }
 
     return breadcrumbItem;

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

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

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

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

package/es/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/es/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;