acud 0.0.61 → 0.0.64

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/card/Card.js

@@ -44,7 +44,7 @@ export var getAction = function getAction(actions) {
 ;
 
 var Card = function Card(_a) {
-  var _extends2, _classNames2;
+  var _extends2, _classNames3;
 
   var prefixCls = _a.prefixCls,
       simple = _a.simple,
@@ -188,6 +188,7 @@ var Card = function Card(_a) {
 
   if (title || extra || tabs) {
     var titleClassName = classNames("".concat(cardPrefixCls, "-head-title"), _defineProperty({}, "".concat(cardPrefixCls, "-head-title-with-tabs"), !!tabs));
+    var extraClassName = classNames("".concat(cardPrefixCls, "-head-extra"), _defineProperty({}, "".concat(cardPrefixCls, "-head-extra-with-tabs"), !!tabs));
     head = /*#__PURE__*/React.createElement("div", {
       className: "".concat(cardPrefixCls, "-head"),
       style: headStyle
@@ -196,7 +197,7 @@ var Card = function Card(_a) {
     }, title && /*#__PURE__*/React.createElement("div", {
       className: titleClassName
     }, title), extra && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cardPrefixCls, "-head-extra")
+      className: extraClassName
     }, extra)), tabs);
   }
 
@@ -225,7 +226,7 @@ var Card = function Card(_a) {
   }, multiMedia), /*#__PURE__*/React.createElement("div", {
     className: "".concat(cardPrefixCls, "-con-wrap ").concat(multiMedia ? "".concat(multiMediaPosition === 'left' ? 'right' : 'left') : '')
   }, head, coverDom, body, footer, actionRender));
-  var classString = classNames(cardPrefixCls, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(cardPrefixCls, "-loading"), loading), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-bordered"), bordered), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-hoverable"), hoverable), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-type-").concat(type), !!type), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-simple"), simple), _defineProperty(_classNames2, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames2));
+  var classString = classNames(cardPrefixCls, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(cardPrefixCls, "-loading"), loading), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-bordered"), bordered), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-hoverable"), hoverable), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-contain-grid"), isContainGrid()), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-contain-tabs"), tabList && tabList.length), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-type-").concat(type), !!type), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-simple"), simple), _defineProperty(_classNames3, "".concat(cardPrefixCls, "-selected"), isSelected), _classNames3));
   return /*#__PURE__*/React.createElement("div", {
     className: classString,
     disabled: simple && disabled,

package/es/card/style/index.css

@@ -236,6 +236,94 @@
   margin-right: auto;
   margin-left: 0;
 }
+.acud-card-head-extra-with-tabs {
+  color: #151B26;
+  background-color: transparent;
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs:hover {
+  color: #2468F2;
+}
+.acud-card-head-extra-with-tabs:focus,
+.acud-card-head-extra-with-tabs:active {
+  color: #144BCC;
+}
+.acud-card-head-extra-with-tabs[disabled],
+.acud-card-head-extra-with-tabs[disabled]:hover,
+.acud-card-head-extra-with-tabs[disabled]:focus,
+.acud-card-head-extra-with-tabs[disabled]:active {
+  color: #B8BABF;
+}
+.acud-card-head-extra-with-tabs:hover {
+  background-color: transparent;
+}
+.acud-card-head-extra-with-tabs:focus,
+.acud-card-head-extra-with-tabs:active {
+  background-color: transparent;
+}
+.acud-card-head-extra-with-tabs[disabled],
+.acud-card-head-extra-with-tabs[disabled]:hover,
+.acud-card-head-extra-with-tabs[disabled]:focus,
+.acud-card-head-extra-with-tabs[disabled]:active {
+  background-color: transparent;
+}
+.acud-card-head-extra-with-tabs:hover {
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs:focus,
+.acud-card-head-extra-with-tabs:active {
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs[disabled],
+.acud-card-head-extra-with-tabs[disabled]:hover,
+.acud-card-head-extra-with-tabs[disabled]:focus,
+.acud-card-head-extra-with-tabs[disabled]:active {
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs a {
+  color: #151B26;
+  background-color: transparent;
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs a:hover {
+  color: #2468F2;
+}
+.acud-card-head-extra-with-tabs a:focus,
+.acud-card-head-extra-with-tabs a:active {
+  color: #144BCC;
+}
+.acud-card-head-extra-with-tabs a[disabled],
+.acud-card-head-extra-with-tabs a[disabled]:hover,
+.acud-card-head-extra-with-tabs a[disabled]:focus,
+.acud-card-head-extra-with-tabs a[disabled]:active {
+  color: #B8BABF;
+}
+.acud-card-head-extra-with-tabs a:hover {
+  background-color: transparent;
+}
+.acud-card-head-extra-with-tabs a:focus,
+.acud-card-head-extra-with-tabs a:active {
+  background-color: transparent;
+}
+.acud-card-head-extra-with-tabs a[disabled],
+.acud-card-head-extra-with-tabs a[disabled]:hover,
+.acud-card-head-extra-with-tabs a[disabled]:focus,
+.acud-card-head-extra-with-tabs a[disabled]:active {
+  background-color: transparent;
+}
+.acud-card-head-extra-with-tabs a:hover {
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs a:focus,
+.acud-card-head-extra-with-tabs a:active {
+  border-color: transparent;
+}
+.acud-card-head-extra-with-tabs a[disabled],
+.acud-card-head-extra-with-tabs a[disabled]:hover,
+.acud-card-head-extra-with-tabs a[disabled]:focus,
+.acud-card-head-extra-with-tabs a[disabled]:active {
+  border-color: transparent;
+}
 .acud-card-footer {
   height: 24px;
   line-height: 24px;

package/es/card/style/index.less

@@ -112,6 +112,14 @@
                 margin-right: auto;
                 margin-left: 0;
             }
+
+            &-with-tabs {
+                .basic-config(@card-head-extra-withtab-default-tp, @card-head-extra-default-p);
+
+                a {
+                    .basic-config(@card-head-extra-withtab-default-tp, @card-head-extra-default-p);
+                }
+            }
         }
     }
 

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;
 }