@aloudata/aloudata-design 0.4.8-beta.9 → 0.4.9

package/dist/Button/style/index.less

@@ -70,15 +70,15 @@
       border-color: @button-dangerous-bg-color;
       box-shadow: unset;
 
-      &:focus {
+      &:focus:not(:disabled) {
         color: @button-dangerous-color;
         background-color: @button-dangerous-bg-color;
         border-color: @button-dangerous-bg-color;
         box-shadow: unset;
       }
 
-      &:hover,
-      &:active {
+      &:hover:not(:disabled),
+      &:active:not(:disabled) {
         color: @button-dangerous-color-active;
         background-color: @button-dangerous-bg-color-active;
         border-color: @button-dangerous-bg-color-active;

package/dist/Button/style/variables.less

@@ -7,19 +7,19 @@
 @button-height-large: 36px;
 @button-text-size-large: 16px;
 @button-border-radius-large: 6px;
-@button-border-padding-large: 6px 24px;
+@button-border-padding-large: 5px 23px;
 @button-left-icon-margin-right-large: 8px;
 
 @button-height-middle: 32px;
 @button-text-size-middle: 13px;
 @button-border-radius-middle: 4px;
-@button-border-padding-middle: 6px 20px;
+@button-border-padding-middle: 5px 19px;
 @button-left-icon-margin-right-middle: 4px;
 
 @button-height-small: 28px;
 @button-text-size-small: 12px;
 @button-border-radius-small: 4px;
-@button-border-padding-small: 6px 16px;
+@button-border-padding-small: 5px 15px;
 @button-left-icon-margin-right-small: 4px;
 
 // @button-height-mini: 24px;

package/dist/Checkbox/style/index.less

@@ -3,23 +3,31 @@
 .ald-checkbox {
   height: 20px;
   color: @NL0;
-  font-size: 14px;
+  font-size: 13px;
   line-height: 20px;
 
-  .ant-checkbox-wrapper {
+  &.ant-checkbox-checked {
+    border: 1px solid @B40;
+  }
+
+  &.ant-checkbox-wrapper {
     height: 20px;
     color: @NL0;
     font-weight: 400;
-    font-size: 14px;
+    font-size: 13px;
     line-height: 20px;
+
+    .ant-checkbox-input {
+      margin: 0;
+    }
   }
 
   .ant-checkbox-inner {
     width: 16px;
     height: 16px;
-    background-color: @BG97;
+    background-color: @BG100;
     border-color: @NL60;
-    border-radius: 4px;
+    border-radius: 2px;
   }
 
   .ant-checkbox-checked {
@@ -27,7 +35,7 @@
     .ant-checkbox-inner {
       background-color: @B95;
       border-color: @B40;
-      border-radius: 4px;
+      border-radius: 2px;
     }
 
     .ant-checkbox-inner {
@@ -59,9 +67,6 @@
     }
 
     .ant-checkbox-inner {
-      background-color: @B95;
-      border-color: @B40;
-
       &::after {
         top: 3px;
         left: 2px;
@@ -93,16 +98,18 @@
   .ant-checkbox + span {
     display: flex;
     align-items: center;
-    padding-right: 10px;
-    padding-left: 10px;
+    padding-right: 8px;
+    padding-left: 8px;
   }
 
   &:hover .ant-checkbox-inner {
     border-color: @B40;
   }
 
-  .ant-checkbox-disabled .ant-checkbox-inner:hover {
-    box-shadow: unset;
+  &.ant-checkbox-checked.ant-checkbox-disabled .ant-checkbox-inner {
+    background: @B95;
+    border: 1px solid @B60;
+    border-radius: 2px;
   }
 
   .ant-checkbox:hover .ant-checkbox-inner {
@@ -111,6 +118,20 @@
   }
 }
 
+.ant-checkbox-wrapper
+  .ald-checkbox.ant-checkbox-disabled[class]
+  .ant-checkbox-inner:hover {
+  box-shadow: unset;
+  border-radius: 2px;
+}
+
+.ant-checkbox-wrapper.ald-checkbox
+  .ant-checkbox-disabled.ant-checkbox:hover
+  .ant-checkbox-inner {
+  box-shadow: unset;
+  border: 1px solid @BG60;
+}
+
 .ant-checkbox-group.ald-checkbox,
 .ant-checkbox-wrapper.ald-checkbox {
   .ant-checkbox-input:focus + .ant-checkbox-inner {

package/dist/DoubleCircleIcon/index.d.ts

@@ -5,5 +5,6 @@ declare const DoubleCircleIcon: (props: {
     size?: number | undefined;
     innerColor?: string | undefined;
     children: React.ReactNode;
+    type?: "warning" | "error" | "success" | "info" | undefined;
 }) => JSX.Element;
 export default DoubleCircleIcon;

package/dist/DoubleCircleIcon/index.js

@@ -1,3 +1,4 @@
+import classnames from 'classnames';
 import React from 'react';
 import "./style/index.less";
 var INNER_SIZE_RATIO = 0.75; // 外面有两个圆，中间是个图标
@@ -6,7 +7,9 @@ var DoubleCircleIcon = function DoubleCircleIcon(props) {
   var outColor = props.outColor,
       size = props.size,
       innerColor = props.innerColor,
-      children = props.children;
+      children = props.children,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'info' : _props$type;
   var innerSize;
 
   if (size) {
@@ -19,7 +22,7 @@ var DoubleCircleIcon = function DoubleCircleIcon(props) {
       width: size,
       height: size
     },
-    className: 'icon'
+    className: classnames('ald-double-circle-icon', "ald-double-circle-icon-".concat(type))
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: innerColor,

package/dist/DoubleCircleIcon/style/index.less

@@ -1,6 +1,6 @@
 @import '../../style/index.less';
 
-.icon {
+.ald-double-circle-icon {
   font-family: 'PingFang SC';
   display: inline-flex;
   align-items: center;
@@ -21,3 +21,35 @@
     background-color: @B90;
   }
 }
+
+.ald-double-circle-icon-info {
+  background-color: @B95;
+
+  .inner {
+    background-color: @B90;
+  }
+}
+
+.ald-double-circle-icon-success{
+  background-color: @SA95;
+
+  .inner {
+    background-color: @SA90;
+  }
+}
+
+.ald-double-circle-icon-error {
+  background-color: @SC95;
+
+  .inner {
+    background-color: @SC90;
+  }
+}
+
+.ald-double-circle-icon-warning {
+  background-color: @SB95;
+
+  .inner {
+    background-color: @SB90;
+  }
+}

package/dist/Dropdown/style/index.less

@@ -12,6 +12,10 @@
   padding: 4px;
   color: @NL0;
   box-shadow: @shadow-L;
+
+  .ant-dropdown-menu-submenu-title{
+    font-size: 13px;
+  }
 }
 
 .ant-dropdown-menu-submenu > .ant-dropdown-menu {
@@ -26,20 +30,11 @@
     background-color: @NL97;
   }
 
-  .ant-dropdown-menu-submenu-title {
-    padding: 8px 24px 8px 12px;
-    line-height: 20px;
-    border-radius: 6px;
-
-    .ant-dropdown-menu-submenu-expand-icon {
-      right: 12px;
-    }
-  }
 
   .ant-dropdown-menu-item {
     padding: 8px 12px;
     line-height: 20px;
-    border-radius: 6px;
+    border-radius: 0;
   }
 
   .ant-dropdown-menu-item,
@@ -59,6 +54,16 @@
   }
 }
 
+.ant-dropdown-menu-submenu-title {
+  padding: 8px 24px 8px 12px;
+  line-height: 20px;
+  border-radius: 0 !important;
+
+  .ant-dropdown-menu-submenu-expand-icon {
+    right: 12px;
+  }
+}
+
 .ald-submenu.ant-dropdown-menu-submenu-popup {
   padding: 0;
   border: none;

package/dist/Input/style/index.less

@@ -9,21 +9,21 @@
 @input-height-large: 36px;
 @input-padding-large: 5px 13px;
 @input-font-size-large: 16px;
-@input-border-radius-large: 8px;
+@input-border-radius-large: 6px;
 @input-prefix-margin-right-large: 8px;
 @input-clear-icon-large: 20px;
 // size===middle
 @input-height-middle: 32px;
 @input-padding-middle: 5px 11px;
 @input-font-size-middle: 14px;
-@input-border-radius-middle: 6px;
+@input-border-radius-middle: 4px;
 @input-prefix-margin-right-middle: 8px;
 @input-clear-icon-middle: 16px;
 // size===small
 @input-height-small: 28px;
 @input-padding-small: 5px 9px;
 @input-font-size-small: 12px;
-@input-border-radius-small: 6px;
+@input-border-radius-small: 4px;
 @input-prefix-margin-right-small: 4px;
 @input-clear-icon-small: 14px;
 //custom status
@@ -34,20 +34,21 @@
 @input-bg-color: @BG100;
 // active status
 @input-active-border-color: @B40;
-@input-box-shadow-active: @shadow-xs;
+// @input-box-shadow-active: @shadow-xs;
 // disabled status
 @input-disabled-border-color: @BG60;
 @input-disabled-bg-color: @BG90;
 @input-disabled-font-color: @NL40;
 
 .ant-input.ald-input,
+.ant-input-affix-wrapper.ald-input, 
 .ald-input .ant-input {
   color: @NL0;
   font-weight: 400;
   background-color: @input-bg-color;
   border-color: @input-border-color;
   border-radius: @input-border-radius-middle;
-  box-shadow: @shadow-xs;
+  // box-shadow: @shadow-xs;
   caret-color: @B60;
 
   &::placeholder {
@@ -67,7 +68,7 @@
   &:hover,
   &-focused {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   &[disabled].ald-input {
@@ -112,7 +113,7 @@
   &:focus,
   &-focused {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   .ant-input {
@@ -137,7 +138,7 @@
   }
 
   .ant-input-prefix {
-    color: @NL50;
+    color: @NL40;
   }
 
   .ant-input-suffix {
@@ -155,12 +156,12 @@
 .ant-input-affix-wrapper-focused {
   &.ant-input-password {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   &:hover {
     border-color: @input-active-border-color;
-    box-shadow: @input-box-shadow-active;
+    // box-shadow: @input-box-shadow-active;
   }
 
   .ant-input:hover {
@@ -361,13 +362,14 @@ textarea.ald-input-textarea-small,
 textarea.ald-input-textarea,
 .ald-input-textarea .ant-input {
   color: @NL0;
-  background: @BG97;
+  background: @input-bg-color;
   caret-color: @B60;
+  border-color: @input-border-color;
 
   &:hover,
   &:active,
   &:focus {
-    border-color: @B60;
+    border-color: @B40;
     box-shadow: none;
   }
 
@@ -396,6 +398,11 @@ textarea.ald-input-textarea,
 }
 
 .ant-input-group-wrapper {
+  .ant-input-group-addon{
+    color:@NL40;
+    border-color: @input-border-color;
+  }
+
   &.ald-input-large {
     .ant-input-group-addon {
       padding: 4px 14px;

package/dist/InputNumber/style/index.less

@@ -3,17 +3,17 @@
 
 @inputNumber-height-large: 36px;
 @inputNumber-font-size-large: 16px;
-@inputNumber-border-radius-large: 8px;
+@inputNumber-border-radius-large: 6px;
 @inputNumber-padding-large: 0 14px;
 
 @inputNumber-height-middle: 32px;
 @inputNumber-font-size-middle: 14px;
-@inputNumber-border-radius-middle: 8px;
+@inputNumber-border-radius-middle: 4px;
 @inputNumber-padding-middle: 0 12px;
 
 @inputNumber-height-small: 28px;
 @inputNumber-font-size-small: 12px;
-@inputNumber-border-radius-small: 6px;
+@inputNumber-border-radius-small: 4px;
 @inputNumber-padding-small: 0 10px;
 
 //默认
@@ -102,6 +102,7 @@
     &.ald-inputNumber-large {
       height: @inputNumber-height-large;
       font-size: @inputNumber-font-size-large;
+      border-radius:  @inputNumber-border-radius-large ;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-large;
@@ -115,6 +116,7 @@
     &.ald-inputNumber-middle {
       height: @inputNumber-height-middle;
       font-size: @inputNumber-font-size-middle;
+      border-radius:  @inputNumber-border-radius-middle ;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-middle;
@@ -128,6 +130,7 @@
     &.ald-inputNumber-small {
       height: @inputNumber-height-small;
       font-size: @inputNumber-font-size-small;
+      border-radius: @inputNumber-border-radius-small;
 
       .ant-input-number-input {
         padding: @inputNumber-padding-small;
@@ -143,9 +146,11 @@
       background-color: @inputNumber-disabled-bg-color;
       border-color: @inputNumber-disabled-border-color;
       cursor: initial;
-
+      
       .ant-input-number-input-wrap .ant-input-number-input {
         cursor: initial;
+        color: @inputNumber-disabled-color;
+        background-color: @inputNumber-disabled-bg-color;
       }
     }
 

package/dist/Menu/style/index.less

@@ -52,6 +52,11 @@
       &:hover{
         background: none;
       }
+
+      .ant-menu-submenu-expand-icon{
+        inset-inline-end:0;
+        width:initial;
+      }
     }
   }
 

package/dist/Modal/index.d.ts

@@ -16,11 +16,14 @@ export interface ModalProps extends Omit<AntdModalProps, 'okButtonProps' | 'canc
     cancelButtonProps?: IButtonProps;
     okButtonProps?: IButtonProps;
     okType?: ButtonType;
+    paddingLess?: boolean;
 }
-export interface ModalFuncProps extends Omit<AntdModalFuncProps, 'okButtonProps' | 'cancelButtonProps' | 'okType'> {
+export interface ModalFuncProps extends Omit<AntdModalFuncProps, 'okButtonProps' | 'cancelButtonProps' | 'okType' | 'icon'> {
     cancelButtonProps?: IButtonProps;
     okButtonProps?: IButtonProps;
     okType?: ButtonType;
+    subTitle?: React.ReactNode;
+    icon?: React.ReactElement;
 }
 declare const OriginModal: IModalInterface;
 export declare type ModalFunc = (props: ModalFuncProps) => {