acud 0.0.61 → 0.0.64

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;

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

package/es/dropdown/dropdown-button.js

@@ -31,10 +31,12 @@ var DropdownButton = function DropdownButton(props) {
 
   var children = props.children,
       overlay = props.overlay,
-      visible = props.visible,
       disabled = props.disabled,
+      trigger = props.trigger,
+      visible = props.visible,
       onVisibleChange = props.onVisibleChange,
-      restProps = __rest(props, ["children", "overlay", "visible", "disabled", "onVisibleChange"]); // 菜单可见，需要将ICON旋转
+      onClick = props.onClick,
+      restProps = __rest(props, ["children", "overlay", "disabled", "trigger", "visible", "onVisibleChange", "onClick"]); // 菜单可见，需要将ICON旋转
 
 
   var _useState = useState(!!visible),
@@ -51,11 +53,14 @@ var DropdownButton = function DropdownButton(props) {
   }, []);
   var arrowCls = classNames((_classNames = {}, _defineProperty(_classNames, 'acud-btn-group-expand', popupVisible), _defineProperty(_classNames, 'acud-btn-group-border-left', restProps.type === 'primary'), _classNames));
   return /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, _extends({
-    disabled: disabled
+    disabled: disabled,
+    onClick: onClick
   }, restProps), children), /*#__PURE__*/React.createElement(Dropdown, {
     disabled: disabled,
     placement: "bottomRight",
+    trigger: trigger,
     overlay: overlay,
+    visible: popupVisible,
     onVisibleChange: handleVisibleChange
   }, /*#__PURE__*/React.createElement(Button, _extends({
     disabled: disabled,

package/es/dropdown/style/index.css

@@ -220,6 +220,10 @@ li.acud-dropdown-menu-submenu-disabled:active,
 .acud-dropdown-menu-item-disabled:active {
   border-color: transparent;
 }
+li.acud-dropdown-menu-submenu-active:hover,
+.acud-dropdown-menu-item-active:hover {
+  background-color: #E6F0FF;
+}
 .acud-dropdown-menu-submenu-title,
 .acud-dropdown-menu-item {
   padding-left: 12px;

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/menu/globalSilderBar.d.ts

@@ -7,6 +7,7 @@ import { MenuProps as RcMenuProps } from './rc-menu';
 export interface GlobalSiderBarProps extends RcMenuProps {
     iconList?: React.ReactNode[];
     scope?: 'global' | 'local';
+    onCollapse?: (collapsed: boolean) => void;
 }
 interface GlobalSiderBarInterface extends React.FC<GlobalSiderBarProps> {
 }

package/es/menu/globalSilderBar.js

@@ -37,7 +37,8 @@ var GlobalSiderBar = function GlobalSiderBar(props) {
       inlineCollapsed = props.inlineCollapsed,
       expandIcon = props.expandIcon,
       scope = props.scope,
-      rest = __rest(props, ["prefixCls", "className", "mode", "inlineCollapsed", "expandIcon", "scope"]); // siderbar
+      onCollapse = props.onCollapse,
+      rest = __rest(props, ["prefixCls", "className", "mode", "inlineCollapsed", "expandIcon", "scope", "onCollapse"]); // siderbar
 
 
   var _useState = useState(inlineCollapsed),
@@ -53,10 +54,8 @@ var GlobalSiderBar = function GlobalSiderBar(props) {
     setCollapsed(function (collapsed) {
       return !collapsed;
     });
-  }, []); // const toggleCollapsed = () => {
-  //     setCollapsed(!collapsed);
-  // };
-
+    onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
+  }, [collapsed, onCollapse]);
   useEffect(function () {
     setCollapsed(inlineCollapsed);
   }, [inlineCollapsed]);

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

@@ -40,6 +40,9 @@
 @card-head-extra-default-tp: tp2;
 @card-head-extra-default-p: p0;
 
+// tabs卡片 头部操作颜色
+@card-head-extra-withtab-default-tp: tp3;
+
 // 底部操作颜色
 @card-footer-extra-default-tp: tp5;
 @card-footer-extra-default-p: p0;

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/tooltip/index.d.ts

@@ -28,7 +28,6 @@ export interface AbstractTooltipProps extends Partial<Omit<RcTooltipProps, 'chil
     color?: LiteralUnion<PresetColorType, string>;
     placement?: TooltipPlacement;
     builtinPlacements?: typeof Placements;
-    openClassName?: string;
     arrowPointAtCenter?: boolean;
     autoAdjustOverflow?: boolean | AdjustOverflow;
     getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;

package/es/tooltip/index.js

@@ -71,7 +71,7 @@ function getDisabledCompatibleChildren(element, prefixCls) {
 }
 
 var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _classNames2;
+  var _classNames;
 
   var _React$useContext = React.useContext(ConfigContext),
       getContextPopupContainer = _React$useContext.getPopupContainer,
@@ -158,7 +158,6 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var customizePrefixCls = props.prefixCls,
-      openClassName = props.openClassName,
       getPopupContainer = props.getPopupContainer,
       getTooltipContainer = props.getTooltipContainer,
       overlayClassName = props.overlayClassName,
@@ -174,9 +173,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   var child = getDisabledCompatibleChildren(isValidElement(children) ? children : /*#__PURE__*/React.createElement("span", null, children), prefixCls);
-  var childProps = child.props;
-  var childCls = classNames(childProps.className, _defineProperty({}, openClassName || "".concat(prefixCls, "-open"), true));
-  var customOverlayClassName = classNames(overlayClassName, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames2, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames2));
+  var customOverlayClassName = classNames(overlayClassName, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _defineProperty(_classNames, "".concat(prefixCls, "-").concat(color), color && PresetColorRegex.test(color)), _classNames));
   var formattedOverlayInnerStyle = overlayInnerStyle;
   var arrowContentStyle;
 
@@ -208,9 +205,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function (props, ref) {
       motionName: getTransitionName(rootPrefixCls, 'zoom-big-fast', props.transitionName),
       motionDeadline: 1000
     }
-  }), tempVisible ? cloneElement(child, {
-    className: childCls
-  }) : child);
+  }), child);
 });
 Tooltip.displayName = 'Tooltip';
 Tooltip.defaultProps = {

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;
@@ -288,7 +290,6 @@
 .acud-transfer-target-item-cancel.acuicon-outlined-close {
   display: flex;
   cursor: pointer;
-  font-size: 22px;
   color: #84868C;
 }
 .acud-transfer-target-item-cancel.acuicon-outlined-close:hover {

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;
@@ -173,7 +175,6 @@
                 &.acuicon-outlined-close {
                     display: flex;
                     cursor: pointer;
-                    font-size: 22px;
                     .basic-tp-config(@transfer-icon-default-tp);
                 }
             }

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