@aloudata/aloudata-design 0.3.2 → 0.3.3

package/lib/Input/style/index.less

@@ -6,57 +6,57 @@
 
 @ald-iconfont-css-prefix: anticon;
 // size===large
-@Input-height-large: 36px;
-@Input-padding-large: 5px 11px;
-@Input-fontSize-large: 16px;
-@Input-borderRadius-large: 8px;
-@input-prefix-marginRight-large: 8px;
+@input-height-large: 36px;
+@input-padding-large: 5px 11px;
+@input-font-size-large: 16px;
+@input-border-radius-large: 8px;
+@input-prefix-margin-right-large: 8px;
 // size===middle
-@Input-height-middle: 32px;
-@Input-padding-middle: 5px 11px;
-@Input-fontSize-middle: 14px;
-@Input-borderRadius-middle: 6px;
-@input-prefix-marginRight-middle: 8px;
+@input-height-middle: 32px;
+@input-padding-middle: 5px 11px;
+@input-font-size-middle: 14px;
+@input-border-radius-middle: 6px;
+@input-prefix-margin-right-middle: 8px;
 // size===small
-@Input-height-small: 28px;
-@Input-padding-small: 5px 7px;
-@Input-fontSize-small: 12px;
-@Input-borderRadius-small: 4px;
-@input-prefix-marginRight-small: 4px;
+@input-height-small: 28px;
+@input-padding-small: 5px 7px;
+@input-font-size-small: 12px;
+@input-border-radius-small: 4px;
+@input-prefix-margin-right-small: 4px;
 // size===mini
-@Input-height-mini: 24px;
-@Input-padding-mini: 3px 7px;
-@Input-fontSize-mini: 12px;
-@Input-borderRadius-mini: 4px;
-@input-prefix-marginRight-mini: 4px;
+@input-height-mini: 24px;
+@input-padding-mini: 3px 7px;
+@input-font-size-mini: 12px;
+@input-border-radius-mini: 4px;
+@input-prefix-margin-right-mini: 4px;
 //custom status
-@Input-borderColor: @NL90;
-@Input-fontColor: @NL0;
-@Input-placeholderColor: @NL80;
-@Input-prefix-color: @NL50;
-@Input-bgColor: @BG97;
+@input-border-color: @NL90;
+@input-fontColor: @NL0;
+@input-placeholder-color: @NL80;
+@input-prefix-color: @NL50;
+@input-bg-color: @BG97;
 // active status
-@Input-active-borderColor: @B60;
-@Input-boxShadow-active: 0 0 0 0.5px @B60;
+@input-active-border-color: @B60;
+@input-box-shadow-active: 0 0 0 0.5px @B60;
 // disabled status
-@Input-disabled-borderColor: @NL90;
-@Input-disabled-bgColor: @BG95;
-@Input-disabled-fontColor: @NL60;
+@input-disabled-border-color: @NL90;
+@input-disabled-bg-color: @BG95;
+@input-disabled-font-color: @NL60;
 
 .ant-input.ald-input {
   color: @NL0;
   font-weight: 400;
-  background-color: @Input-bgColor;
-  border-color: @Input-borderColor;
-  border-radius: @Input-borderRadius-middle;
+  background-color: @input-bg-color;
+  border-color: @input-border-color;
+  border-radius: @input-border-radius-middle;
   caret-color: @B60;
 
   &::placeholder {
-    color: @Input-placeholderColor;
+    color: @input-placeholder-color;
   }
 
   &-prefix {
-    color: @Input-prefix-color;
+    color: @input-prefix-color;
     font-size: inherit;
   }
 
@@ -67,19 +67,19 @@
   &:focus,
   &:hover,
   &-focused {
-    border-color: @Input-active-borderColor;
-    box-shadow: @Input-boxShadow-active;
+    border-color: @input-active-border-color;
+    box-shadow: @input-box-shadow-active;
   }
 
   &[disabled].ald-input {
-    color: @Input-disabled-fontColor;
-    background-color: @Input-disabled-bgColor;
-    border-color: @Input-disabled-borderColor;
+    color: @input-disabled-font-color;
+    background-color: @input-disabled-bg-color;
+    border-color: @input-disabled-border-color;
     box-shadow: none;
     cursor: default;
 
     &::placeholder {
-      color: @Input-placeholderColor;
+      color: @input-placeholder-color;
     }
   }
 
@@ -106,24 +106,24 @@
 }
 
 .ant-input-affix-wrapper.ant-input-affix-wrapper {
-  background-color: @Input-bgColor;
-  border-color: @Input-borderColor;
+  background-color: @input-bg-color;
+  border-color: @input-border-color;
 
   &:hover,
   &:focus,
   &-focused {
-    border-color: @Input-active-borderColor;
-    box-shadow: @Input-boxShadow-active;
+    border-color: @input-active-border-color;
+    box-shadow: @input-box-shadow-active;
   }
 
   .ant-input {
     color: @NL0;
-    background-color: @Input-bgColor;
+    background-color: @input-bg-color;
     border-radius: 0;
     caret-color: @B60;
 
     &::placeholder {
-      color: @Input-placeholderColor;
+      color: @input-placeholder-color;
     }
   }
 
@@ -154,58 +154,58 @@
 
 .ant-input-affix-wrapper-focused {
   &.ant-input-password {
-    border-color: @Input-active-borderColor;
-    box-shadow: @Input-boxShadow-active;
+    border-color: @input-active-border-color;
+    box-shadow: @input-box-shadow-active;
   }
 
   &:hover {
-    border-color: @Input-active-borderColor;
-    box-shadow: @Input-boxShadow-active;
+    border-color: @input-active-border-color;
+    box-shadow: @input-box-shadow-active;
   }
 }
 
 .ald-input {
   &.ald-input-mini {
-    height: @Input-height-mini;
-    padding: @Input-padding-mini;
-    font-size: @Input-fontSize-mini;
-    border-radius: @Input-borderRadius-mini;
+    height: @input-height-mini;
+    padding: @input-padding-mini;
+    font-size: @input-font-size-mini;
+    border-radius: @input-border-radius-mini;
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-mini;
+      margin-right: @input-prefix-margin-right-mini;
     }
   }
 
   &.ald-input-small {
-    height: @Input-height-small;
-    padding: @Input-padding-small;
-    font-size: @Input-fontSize-small;
-    border-radius: @Input-borderRadius-small;
+    height: @input-height-small;
+    padding: @input-padding-small;
+    font-size: @input-font-size-small;
+    border-radius: @input-border-radius-small;
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-small;
+      margin-right: @input-prefix-margin-right-small;
     }
   }
 
   &.ald-input-middle {
-    height: @Input-height-middle;
-    padding: @Input-padding-middle;
-    font-size: @Input-fontSize-middle;
-    border-radius: @Input-borderRadius-middle;
+    height: @input-height-middle;
+    padding: @input-padding-middle;
+    font-size: @input-font-size-middle;
+    border-radius: @input-border-radius-middle;
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-middle;
+      margin-right: @input-prefix-margin-right-middle;
     }
   }
 
   &.ald-input-large {
-    height: @Input-height-large;
-    padding: @Input-padding-large;
-    font-size: @Input-fontSize-large;
-    border-radius: @Input-borderRadius-large;
+    height: @input-height-large;
+    padding: @input-padding-large;
+    font-size: @input-font-size-large;
+    border-radius: @input-border-radius-large;
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-large;
+      margin-right: @input-prefix-margin-right-large;
     }
   }
 }
@@ -218,27 +218,27 @@
 
 .ald-input-group-large {
   .ald-input {
-    height: @Input-height-large;
-    padding: @Input-padding-large;
-    font-size: @Input-fontSize-large;
+    height: @input-height-large;
+    padding: @input-padding-large;
+    font-size: @input-font-size-large;
 
     &.ant-input {
-      border-radius: @Input-borderRadius-large;
+      border-radius: @input-border-radius-large;
     }
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-large;
+      margin-right: @input-prefix-margin-right-large;
     }
   }
 
   &.ant-input-group-compact {
     .ald-input {
       &:first-of-type {
-        border-radius: @Input-borderRadius-large 0 0 @Input-borderRadius-large;
+        border-radius: @input-border-radius-large 0 0 @input-border-radius-large;
       }
 
       &:last-of-type {
-        border-radius: 0 @Input-borderRadius-large @Input-borderRadius-large 0;
+        border-radius: 0 @input-border-radius-large @input-border-radius-large 0;
       }
     }
   }
@@ -246,28 +246,28 @@
 
 .ald-input-group-middle {
   .ald-input {
-    height: @Input-height-middle;
-    padding: @Input-padding-middle;
-    font-size: @Input-fontSize-middle;
-    border-radius: @Input-borderRadius-middle;
+    height: @input-height-middle;
+    padding: @input-padding-middle;
+    font-size: @input-font-size-middle;
+    border-radius: @input-border-radius-middle;
 
     &.ant-input {
-      border-radius: @Input-borderRadius-middle;
+      border-radius: @input-border-radius-middle;
     }
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-middle;
+      margin-right: @input-prefix-margin-right-middle;
     }
   }
 
   &.ant-input-group-compact {
     .ald-input {
       &:first-of-type {
-        border-radius: @Input-borderRadius-middle 0 0 @Input-borderRadius-middle;
+        border-radius: @input-border-radius-middle 0 0 @input-border-radius-middle;
       }
 
       &:last-of-type {
-        border-radius: 0 @Input-borderRadius-middle @Input-borderRadius-middle 0;
+        border-radius: 0 @input-border-radius-middle @input-border-radius-middle 0;
       }
     }
   }
@@ -275,28 +275,28 @@
 
 .ald-input-group-small {
   .ald-input {
-    height: @Input-height-small;
-    padding: @Input-padding-small;
-    font-size: @Input-fontSize-small;
-    border-radius: @Input-borderRadius-small;
+    height: @input-height-small;
+    padding: @input-padding-small;
+    font-size: @input-font-size-small;
+    border-radius: @input-border-radius-small;
 
     &.ant-input {
-      border-radius: @Input-borderRadius-small;
+      border-radius: @input-border-radius-small;
     }
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-small;
+      margin-right: @input-prefix-margin-right-small;
     }
   }
 
   &.ant-input-group-compact {
     .ald-input {
       &:first-of-type {
-        border-radius: @Input-borderRadius-small 0 0 @Input-borderRadius-small;
+        border-radius: @input-border-radius-small 0 0 @input-border-radius-small;
       }
 
       &:last-of-type {
-        border-radius: 0 @Input-borderRadius-small @Input-borderRadius-small 0;
+        border-radius: 0 @input-border-radius-small @input-border-radius-small 0;
       }
     }
   }
@@ -304,28 +304,28 @@
 
 .ald-input-group-mini {
   .ald-input {
-    height: @Input-height-mini;
-    padding: @Input-padding-mini;
-    font-size: @Input-fontSize-mini;
-    border-radius: @Input-borderRadius-mini;
+    height: @input-height-mini;
+    padding: @input-padding-mini;
+    font-size: @input-font-size-mini;
+    border-radius: @input-border-radius-mini;
 
     &.ant-input {
-      border-radius: @Input-borderRadius-mini;
+      border-radius: @input-border-radius-mini;
     }
 
     .ant-input-prefix {
-      margin-right: @input-prefix-marginRight-mini;
+      margin-right: @input-prefix-margin-right-mini;
     }
   }
 
   &.ant-input-group-compact {
     .ald-input {
       &:first-of-type {
-        border-radius: @Input-borderRadius-mini 0 0 @Input-borderRadius-mini;
+        border-radius: @input-border-radius-mini 0 0 @input-border-radius-mini;
       }
 
       &:last-of-type {
-        border-radius: 0 @Input-borderRadius-mini @Input-borderRadius-mini 0;
+        border-radius: 0 @input-border-radius-mini @input-border-radius-mini 0;
       }
     }
   }

package/lib/InputNumber/style/index.less

@@ -1,48 +1,48 @@
 /* stylelint-disable no-descending-specificity */
 @import '../../style/index.less';
 
-@InputNumber-height-large: 36px;
-@InputNumber-fontSize-large: 16px;
-@InputNumber-borderRadius-large: 8px;
+@inputNumber-height-large: 36px;
+@inputNumber-font-size-large: 16px;
+@inputNumber-border-radius-large: 8px;
 
-@InputNumber-height-middle: 32px;
-@InputNumber-fontSize-middle: 14px;
-@InputNumber-borderRadius-middle: 6px;
+@inputNumber-height-middle: 32px;
+@inputNumber-font-size-middle: 14px;
+@inputNumber-border-radius-middle: 6px;
 
-@InputNumber-height-small: 28px;
-@InputNumber-fontSize-small: 12px;
-@InputNumber-borderRadius-small: 4px;
+@inputNumber-height-small: 28px;
+@inputNumber-font-size-small: 12px;
+@inputNumber-border-radius-small: 4px;
 //默认
-@InputNumber-bgColor: @BG97;
-@InputNumber-borderColor: @NL90;
-@InputNumber-color: @NL0;
-@InputNumber-wrapper-bgColor: @BG95;
+@inputNumber-bg-color: @BG97;
+@inputNumber-border-color: @NL90;
+@inputNumber-color: @NL0;
+@inputNumber-wrapper-bg-color: @BG95;
 //激活
-@InputNumber-active-bgColor: @BG97;
-@InputNumber-active-borderColor: @B60;
+@inputNumber-active-bg-color: @BG97;
+@inputNumber-active-border-color: @B60;
 
 //disable
-@InputNumber-disabled-bgColor: @BG95;
-@InputNumber-disabled-borderColor: @NL90;
-@InputNumber-disabled-color: @NL60;
+@inputNumber-disabled-bg-color: @BG95;
+@inputNumber-disabled-border-color: @NL90;
+@inputNumber-disabled-color: @NL60;
 //光标颜色
-@InputNumber-cursor-color: @B60;
+@inputNumber-cursor-color: @B60;
 
 //前后填充
-@InputNumber-addon-bgColor: @BG95;
-@InputNumber-addon-color: @NL30;
-@InputNumber-addon-borderColor: @NL90;
-@InputNumber-addon-disable-color: @NL60;
+@inputNumber-addon-bg-color: @BG95;
+@inputNumber-addon-color: @NL30;
+@inputNumber-addon-border-color: @NL90;
+@inputNumber-addon-disable-color: @NL60;
 
 .ald-inputNumber {
   &.ant-input-number {
-    height: @InputNumber-height-middle;
+    height: @inputNumber-height-middle;
     // overflow: hidden;
-    color: @InputNumber-color;
-    font-size: @InputNumber-fontSize-middle;
-    background-color: @InputNumber-bgColor;
-    border-color: @InputNumber-borderColor;
-    border-radius: @InputNumber-borderRadius-middle;
+    color: @inputNumber-color;
+    font-size: @inputNumber-font-size-middle;
+    background-color: @inputNumber-bg-color;
+    border-color: @inputNumber-border-color;
+    border-radius: @inputNumber-border-radius-middle;
     box-shadow: none;
 
     .ant-input-number-input-wrap {
@@ -50,7 +50,7 @@
 
       .ant-input-number-input {
         height: 100%;
-        caret-color: @InputNumber-cursor-color;
+        caret-color: @inputNumber-cursor-color;
       }
     }
 
@@ -78,39 +78,39 @@
     }
 
     &.ald-inputNumber-large {
-      height: @InputNumber-height-large;
-      font-size: @InputNumber-fontSize-large;
-      border-radius: @InputNumber-borderRadius-large;
+      height: @inputNumber-height-large;
+      font-size: @inputNumber-font-size-large;
+      border-radius: @inputNumber-border-radius-large;
 
       .ant-input-number-handler-wrap {
-        border-radius: 0 @InputNumber-borderRadius-large @InputNumber-borderRadius-large 0;
+        border-radius: 0 @inputNumber-border-radius-large @inputNumber-border-radius-large 0;
       }
     }
 
     &.ald-inputNumber-middle {
-      height: @InputNumber-height-middle;
-      font-size: @InputNumber-fontSize-middle;
-      border-radius: @InputNumber-borderRadius-middle;
+      height: @inputNumber-height-middle;
+      font-size: @inputNumber-font-size-middle;
+      border-radius: @inputNumber-border-radius-middle;
 
       .ant-input-number-handler-wrap {
-        border-radius: 0 @InputNumber-borderRadius-middle @InputNumber-borderRadius-middle 0;
+        border-radius: 0 @inputNumber-border-radius-middle @inputNumber-border-radius-middle 0;
       }
     }
 
     &.ald-inputNumber-small {
-      height: @InputNumber-height-small;
-      font-size: @InputNumber-fontSize-small;
-      border-radius: @InputNumber-borderRadius-small;
+      height: @inputNumber-height-small;
+      font-size: @inputNumber-font-size-small;
+      border-radius: @inputNumber-border-radius-small;
 
       .ant-input-number-handler-wrap {
-        border-radius: 0 @InputNumber-borderRadius-small @InputNumber-borderRadius-small 0;
+        border-radius: 0 @inputNumber-border-radius-small @inputNumber-border-radius-small 0;
       }
     }
 
     &-disabled {
-      color: @InputNumber-disabled-color;
-      background-color: @InputNumber-disabled-bgColor;
-      border-color: @InputNumber-disabled-borderColor;
+      color: @inputNumber-disabled-color;
+      background-color: @inputNumber-disabled-bg-color;
+      border-color: @inputNumber-disabled-border-color;
       cursor: initial;
 
       .ant-input-number-input-wrap .ant-input-number-input {
@@ -120,61 +120,61 @@
 
     &:hover:not(.ald-inputNumber-disabled),
     &-focused {
-      background-color: @InputNumber-active-bgColor;
-      border-color: @InputNumber-active-borderColor;
-      box-shadow: 0 0 0 0.5px @InputNumber-active-borderColor;
+      background-color: @inputNumber-active-bg-color;
+      border-color: @inputNumber-active-border-color;
+      box-shadow: 0 0 0 0.5px @inputNumber-active-border-color;
     }
   }
 
   &.ant-input-number-group-wrapper {
-    // height: @InputNumber-height-middle;
+    // height: @inputNumber-height-middle;
     // overflow: hidden;
-    color: @InputNumber-color;
-    // background-color: @InputNumber-wrapper-bgColor;
-    border-color: @InputNumber-borderColor;
+    color: @inputNumber-color;
+    // background-color: @inputNumber-wrapper-bg-color;
+    border-color: @inputNumber-border-color;
     box-shadow: none;
 
     &.ald-inputNumber-large {
-      font-size: @InputNumber-fontSize-large;
-      border-radius: @InputNumber-borderRadius-large;
+      font-size: @inputNumber-font-size-large;
+      border-radius: @inputNumber-border-radius-large;
 
       .ant-input-number-group-addon {
         &:first-child {
-          border-radius: @InputNumber-borderRadius-large 0 0 @InputNumber-borderRadius-large;
+          border-radius: @inputNumber-border-radius-large 0 0 @inputNumber-border-radius-large;
         }
 
         &:last-child {
-          border-radius: 0 @InputNumber-borderRadius-large @InputNumber-borderRadius-large 0;
+          border-radius: 0 @inputNumber-border-radius-large @inputNumber-border-radius-large 0;
         }
       }
     }
 
     &.ald-inputNumber-middle {
-      font-size: @InputNumber-fontSize-middle;
-      border-radius: @InputNumber-borderRadius-middle;
+      font-size: @inputNumber-font-size-middle;
+      border-radius: @inputNumber-border-radius-middle;
 
       .ant-input-number-group-addon {
         &:first-child {
-          border-radius: @InputNumber-borderRadius-middle 0 0 @InputNumber-borderRadius-middle;
+          border-radius: @inputNumber-border-radius-middle 0 0 @inputNumber-border-radius-middle;
         }
 
         &:last-child {
-          border-radius: 0 @InputNumber-borderRadius-middle @InputNumber-borderRadius-middle 0;
+          border-radius: 0 @inputNumber-border-radius-middle @inputNumber-border-radius-middle 0;
         }
       }
     }
 
     &.ald-inputNumber-small {
-      font-size: @InputNumber-fontSize-small;
-      border-radius: @InputNumber-borderRadius-small;
+      font-size: @inputNumber-font-size-small;
+      border-radius: @inputNumber-border-radius-small;
 
       .ant-input-number-group-addon {
         &:first-child {
-          border-radius: @InputNumber-borderRadius-small 0 0 @InputNumber-borderRadius-small;
+          border-radius: @inputNumber-border-radius-small 0 0 @inputNumber-border-radius-small;
         }
 
         &:last-child {
-          border-radius: 0 @InputNumber-borderRadius-small @InputNumber-borderRadius-small 0;
+          border-radius: 0 @inputNumber-border-radius-small @inputNumber-border-radius-small 0;
         }
       }
     }
@@ -186,11 +186,11 @@
 
       .ant-input-number-group-addon {
         // overflow: hidden;
-        color: @InputNumber-addon-color;
+        color: @inputNumber-addon-color;
         font-size: inherit;
-        background-color: @InputNumber-addon-bgColor;
-        // border-radius: @InputNumber-borderRadius-middle;
-        border-color: @InputNumber-addon-borderColor;
+        background-color: @inputNumber-addon-bg-color;
+        // border-radius: @inputNumber-border-radius-middle;
+        border-color: @inputNumber-addon-border-color;
 
         &:first-child {
           border-top-right-radius: 0;
@@ -217,7 +217,7 @@
 
     &.ald-inputNumber-disabled {
       .ant-input-number-wrapper .ant-input-number-group-addon {
-        color: @InputNumber-addon-disable-color;
+        color: @inputNumber-addon-disable-color;
       }
     }
   }

package/lib/Modal/index.js

@@ -7,13 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.destroyFns = exports.default = void 0;
 
+require("@aloudata/icons-react/styles/index.less");
+
+var _CloseLine2 = _interopRequireDefault(require("@aloudata/icons-react/es/icons/CloseLine"));
+
 require("antd/es/modal/style");
 
 var _modal = _interopRequireDefault(require("antd/es/modal"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _index = _interopRequireDefault(require("antd/lib/modal/useModal/index"));
+var _index2 = _interopRequireDefault(require("antd/lib/modal/useModal/index"));
 
 var _confirm = _interopRequireWildcard(require("antd/lib/modal/confirm"));
 
@@ -21,8 +25,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
-var _CloseLine = _interopRequireDefault(require("../Icon/icons/CloseLine"));
-
 var _LocaleReceiver = _interopRequireDefault(require("../locale-provider/LocaleReceiver"));
 
 var _locale = require("./locale");
@@ -82,18 +84,14 @@ var OriginModal = function OriginModal(props) {
     footer: footer !== undefined ? footer : Footer,
     className: (0, _classnames.default)('ald-modal', className),
     width: width || DEFAULT_WIDTH,
-    closeIcon: closeIcon || /*#__PURE__*/_react.default.createElement(_Button.default, {
-      size: "small",
-      icon: /*#__PURE__*/_react.default.createElement(_CloseLine.default, {
-        fill: "currentColor",
-        size: 12
-      }),
+    closeIcon: closeIcon || /*#__PURE__*/_react.default.createElement(_CloseLine2.default, {
+      size: 16,
       className: "ald-modal-close"
     })
   }), children);
 };
 
-OriginModal.useModal = _index.default;
+OriginModal.useModal = _index2.default;
 var Modal = OriginModal;
 
 Modal.info = function infoFn(props) {