assui 3.1.12 → 3.1.14

package/es/button-drawer/index.js

@@ -48,6 +48,7 @@ import React, { useState, useRef, useImperativeHandle } from 'react';
 import Drawer from "antd/es/drawer";
 import isFunction from 'lodash/isFunction';
 import classNames from 'classnames';
+import CloseOutlined from "a-icons/es/CloseOutlined";
 var ButtonDrawer = function ButtonDrawer(props, ref) {
   var _a = __read(useState(false), 2),
     drawerVisible = _a[0],
@@ -90,7 +91,8 @@ var ButtonDrawer = function ButtonDrawer(props, ref) {
     className: classNames('button-drawer', className),
     title: title,
     onClose: closeDrawer,
-    open: drawerVisible
+    open: drawerVisible,
+    closeIcon: /*#__PURE__*/React.createElement(CloseOutlined, null)
   }, restProps), isFunction(children) ? children(actionRef.current) : /*#__PURE__*/React.cloneElement(children, {
     drawerAction: actionRef.current
   })));

package/es/button-modal/index.js

@@ -58,8 +58,7 @@ var ButtonModal = function ButtonModal(props, ref) {
     onClose = props.onClose,
     onOk = props.onOk,
     onCancel = props.onCancel,
-    className = props.className,
-    restModalProps = __rest(props, ["children", "trigger", "onOpen", "onClose", "onOk", "onCancel", "className"]);
+    restModalProps = __rest(props, ["children", "trigger", "onOpen", "onClose", "onOk", "onCancel"]);
   var openModal = function openModal() {
     setModalVisible(true);
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();

package/es/color-select/style/index.less

@@ -1,4 +1,5 @@
 @import '~antd/lib/style/index.less';
+@import '../../style/variables.less';
 
 .color-select-wrap {
   display: flex;
@@ -20,7 +21,8 @@
     border-color: @primary-color-hover;
     border-right-width: 1px;
     outline: 0;
-    box-shadow: @input-outline-offset @outline-blur-size @outline-width @primary-color-outline;
+    box-shadow: @input-outline-offset @outline-blur-size @outline-width
+      @primary-color-outline;
   }
 
   &-value {
@@ -29,7 +31,7 @@
   }
 
   &-placeholder {
-    color: #bfbfbf;
+    color: @color_bfbfbf;
   }
 
   .color-select-arrow {

package/es/highlight-textarea/style/index.less

@@ -1,4 +1,5 @@
 @import '~antd/lib/input/style/index.less';
+@import '../../style/variables.less';
 
 .highlight-textarea {
   position: relative;
@@ -39,6 +40,6 @@
   .highlight-content mark {
     padding: 0;
     color: inherit;
-    background-color: #a3daff;
+    background-color: @color_a3daff;
   }
 }

package/es/img-crop/style/index.less

@@ -1,4 +1,5 @@
 @import '~antd/lib/style/index.less';
+@import '../../style/variables.less';
 
 @pkg: ~'@{ant-prefix}-img-crop';
 .@{pkg}-modal {
@@ -37,11 +38,11 @@
     }
 
     &.zoom button {
-      font-size: 18px;
+      font-size: @font-size_18;
     }
 
     &.rotate button {
-      font-size: 16px;
+      font-size: @font-size-lg;
 
       &:first-of-type {
         transform: rotate(-20deg);

package/es/keep-tab/style/index.less

@@ -1,7 +1,6 @@
 @import '~antd/lib/tabs/style/index.less';
 @import '~antd/lib/badge/style/index.less';
-
-@color_dc4946: #dc4946;
+@import '../../style/variables.less';
 
 .tab-badge {
   position: relative;

package/es/label-auto-complete/style/index.css

@@ -1271,7 +1271,7 @@ html {
   left: 16px;
   z-index: 2;
   height: 20px;
-  color: #9aa5b5;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;

package/es/label-auto-complete/style/index.less

@@ -1,10 +1,7 @@
 /* stylelint-disable indentation */
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_9aa5b5: #9aa5b5;
-@color_a0a0a0: #a0a0a0;
-@font-size-base: 14px;
+@import '../../style/variables.less';
 
 .label-auto-complete {
   position: relative;
@@ -20,7 +17,7 @@
   .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
     .@{ant-prefix}-select-selector {
     height: 45px;
-    border: 1px solid #e5e5e5;
+    border: 1px solid @color_e5e5e5;
     border-radius: @border-radius-base;
     outline: none;
   }

package/es/label-condition-input/style/index.css

@@ -1267,10 +1267,10 @@ html {
 .label-condition-input-text {
   position: absolute;
   top: 12px;
-  left: 15px;
+  left: 16px;
   z-index: 2;
   height: 20px;
-  color: #9aa5b5;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;

package/es/label-condition-input/style/index.less

@@ -1,14 +1,6 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_263241: #263241;
-@color_9aa5b5: #9aa5b5;
-@color_e5e5e5: #e5e5e5;
-
-@font-size-base: 14px;
-@font-size-lg: @font-size-base + 2px;
-
-@font-weight-500: 500;
+@import '../../style/variables.less';
 
 .label-condition-input {
   z-index: 1;
@@ -47,7 +39,7 @@
   &-text {
     position: absolute;
     top: 12px;
-    left: 15px;
+    left: 16px;
     z-index: 2;
     height: 20px;
     color: @color_9aa5b5;

package/es/label-customize-range-picker/style/index.less

@@ -1,4 +1,5 @@
 @import '~antd/lib/style/index.less';
+@import '../../style/variables.less';
 
 .label-customize-range-picker-panel {
   .customize-select-text {
@@ -7,7 +8,7 @@
 
   .check-wrapper {
     padding: 8px 11px 6px;
-    border-bottom: 1px solid #f5f6fa;
+    border-bottom: 1px solid @color_f5f6fa;
 
     .@{ant-prefix}-checkbox-wrapper {
       pointer-events: none;

package/es/label-date-picker/style/index.css

@@ -1238,10 +1238,15 @@ html {
   position: relative;
   width: 220px;
   height: 100%;
+  cursor: pointer;
+}
+.label-date-picker:not(.label-date-picker-label-scale) .ant-picker-input > input {
+  cursor: pointer;
 }
 .label-date-picker .ant-picker {
   height: 45px;
-  padding-left: 12px;
+  padding-right: 15px;
+  padding-left: 15px;
   border: 1px solid #e5e5e5;
   border-radius: 2px;
   outline: none;
@@ -1249,7 +1254,6 @@ html {
 .label-date-picker .ant-picker-input input {
   position: relative;
   top: 9px;
-  padding-left: 3px;
 }
 .label-date-picker .ant-picker-focused {
   border-color: #000;
@@ -1265,7 +1269,7 @@ html {
   left: 16px;
   z-index: 2;
   height: 20px;
-  color: #9aa5b5;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;

package/es/label-date-picker/style/index.less

@@ -1,25 +1,30 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_9aa5b5: #9aa5b5;
-@font-size-base: 14px;
+@import '../../style/variables.less';
 
 .label-date-picker {
   position: relative;
   width: 220px;
   height: 100%;
+  cursor: pointer;
+
+  &:not(.label-date-picker-label-scale) {
+    .@{ant-prefix}-picker-input > input {
+      cursor: pointer;
+    }
+  }
 
   .@{ant-prefix}-picker {
     height: 45px;
-    padding-left: 12px;
-    border: 1px solid #e5e5e5;
+    padding-right: 15px;
+    padding-left: 15px;
+    border: 1px solid @color_e5e5e5;
     border-radius: @border-radius-base;
     outline: none;
 
     &-input input {
       position: relative;
       top: @pickerInputTop;
-      padding-left: 3px;
     }
 
     &-focused {
@@ -29,7 +34,7 @@
 
     &-suffix .spotecicon {
       width: 14px;
-      color: #323232;
+      color: @color_323232;
     }
   }
 

package/es/label-input/style/index.css

@@ -131,7 +131,7 @@ sup {
   top: -0.5em;
 }
 a {
-  color: #ff6b00;
+  color: #1890ff;
   text-decoration: none;
   background-color: transparent;
   outline: none;
@@ -140,10 +140,10 @@ a {
   -webkit-text-decoration-skip: objects;
 }
 a:hover {
-  color: #ff8929;
+  color: #40a9ff;
 }
 a:active {
-  color: #d95300;
+  color: #096dd9;
 }
 a:active,
 a:hover {
@@ -299,11 +299,11 @@ mark {
 }
 ::-moz-selection {
   color: #fff;
-  background: #ff6b00;
+  background: #1890ff;
 }
 ::selection {
   color: #fff;
-  background: #ff6b00;
+  background: #1890ff;
 }
 .clearfix::before {
   display: table;
@@ -617,7 +617,7 @@ mark {
   position: relative;
 }
 html {
-  --antd-wave-shadow-color: #ff6b00;
+  --antd-wave-shadow-color: #1890ff;
   --scroll-bar: 0;
 }
 [ant-click-animating-without-extra-node='true']::after,
@@ -629,7 +629,7 @@ html {
   left: 0;
   display: block;
   border-radius: inherit;
-  box-shadow: 0 0 0 0 #ff6b00;
+  box-shadow: 0 0 0 0 #1890ff;
   box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
   opacity: 0.2;
   animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
@@ -639,7 +639,7 @@ html {
 }
 @keyframes waveEffect {
   100% {
-    box-shadow: 0 0 0 #ff6b00;
+    box-shadow: 0 0 0 #1890ff;
     box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
   }
 }
@@ -1294,7 +1294,7 @@ html {
   left: 15px;
   z-index: 2;
   height: 20px;
-  color: #9aa5b5;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;
@@ -1302,5 +1302,5 @@ html {
   transition: all 0.2s ease-out;
 }
 .label-input-open-eye {
-  color: #ff6b00;
+  color: #1890ff;
 }

package/es/label-input/style/index.less

@@ -1,17 +1,6 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@primary-color: #ff6b00;
-@color_263241: #263241;
-@color_9aa5b5: #9aa5b5;
-@color_b3b3b3: #b3b3b3;
-@color_e5e5e5: #e5e5e5;
-@color_a0a0a0: #a0a0a0;
-
-@font-size-base: 14px;
-@font-size-lg: @font-size-base + 2px;
-
-@font-weight-500: 500;
+@import '../../style/variables.less';
 
 .label-input {
   z-index: 1;

package/es/label-number-input/style/index.css

@@ -1270,10 +1270,10 @@ html {
 .label-number-input-warper .label-number-input-text {
   position: absolute;
   top: 12px;
-  left: 15px;
+  left: 16px;
   z-index: 2;
   height: 20px;
-  color: #9aa5b5;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;

package/es/label-number-input/style/index.less

@@ -1,15 +1,6 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_263241: #263241;
-@color_9aa5b5: #9aa5b5;
-@color_e5e5e5: #e5e5e5;
-@color_a0a0a0: #a0a0a0;
-
-@font-size-base: 14px;
-@font-size-lg: @font-size-base + 2px;
-
-@font-weight-500: 500;
+@import '../../style/variables.less';
 
 .label-number-input-warper {
   position: relative;
@@ -51,7 +42,7 @@
     &-text {
       position: absolute;
       top: 12px;
-      left: 15px;
+      left: 16px;
       z-index: 2;
       height: 20px;
       color: @color_9aa5b5;

package/es/label-range-number/style/index.css

@@ -1240,10 +1240,13 @@ html {
   height: 45px;
   background-color: #fff;
   border: 1px solid #e5e5e5;
-  border-radius: 8px;
+  border-radius: 2px;
   cursor: pointer;
   transition: all 0.2s ease-out;
 }
+.label-range-number:not(.label-range-number-label-scale) .a-number-input > input {
+  cursor: pointer;
+}
 .label-range-number:hover {
   border: 1px solid #a0a0a0;
 }
@@ -1255,7 +1258,7 @@ html {
   position: relative;
   display: inline-flex;
   height: 45px;
-  padding-left: 12px;
+  padding-left: 15px;
   outline: none;
 }
 .label-range-number .a-number-input input {
@@ -1269,6 +1272,7 @@ html {
   position: relative;
   top: 18px;
   height: 14px;
+  margin: 0 3px;
   padding: 0;
 }
 .label-range-number .a-number-range-separator,
@@ -1276,25 +1280,19 @@ html {
   opacity: 0;
 }
 .label-range-number .a-number .ant-input {
-  padding: 0 0 0 3px;
+  padding: 0;
   border-radius: 0;
 }
 .label-range-number-text {
   position: absolute;
-  top: 1px;
-  left: 0;
+  top: 12px;
+  left: 16px;
   z-index: 2;
-  display: flex;
-  align-items: center;
-  width: calc(100% - 12px);
-  height: 100%;
-  margin-left: 12px;
   color: #9e9e9e;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;
-  cursor: pointer;
   transition: all 0.2s ease-out;
 }
 .label-range-number-label-scale .a-number-range-separator,

package/es/label-range-number/style/index.less

@@ -1,26 +1,29 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_9aa5b5: #9e9e9e;
-@color_a0a0a0: #a0a0a0;
-@font-size-base: 14px;
+@import '../../style/variables.less';
 
 .label-range-number {
   position: relative;
   width: 220px;
   height: 45px;
-  background-color: #fff;
-  border: 1px solid #e5e5e5;
-  border-radius: 8px;
+  background-color: @white;
+  border: 1px solid @color_e5e5e5;
+  border-radius: @border-radius-base;
   cursor: pointer;
   transition: all 0.2s ease-out;
 
+  &:not(.label-range-number-label-scale) {
+    .a-number-input > input {
+      cursor: pointer;
+    }
+  }
+
   &:hover {
-    border: 1px solid #a0a0a0;
+    border: 1px solid @color_a0a0a0;
   }
 
   &-focused {
-    border-color: #000;
+    border-color: @black;
     box-shadow: none;
   }
 
@@ -28,7 +31,7 @@
     position: relative;
     display: inline-flex;
     height: 45px;
-    padding-left: 12px;
+    padding-left: 15px;
     outline: none;
 
     &-input input {
@@ -43,6 +46,7 @@
       position: relative;
       top: 18px;
       height: 14px;
+      margin: 0 3px;
       padding: 0;
     }
 
@@ -52,27 +56,21 @@
     }
 
     .@{ant-prefix}-input {
-      padding: 0 0 0 3px;
+      padding: 0;
       border-radius: 0;
     }
   }
 
   &-text {
     position: absolute;
-    top: 1px;
-    left: 0;
+    top: 12px;
+    left: 16px;
     z-index: 2;
-    display: flex;
-    align-items: center;
-    width: calc(100% - 12px);
-    height: 100%;
-    margin-left: 12px;
     color: @color_9aa5b5;
     font-weight: 400;
     font-size: @font-size-base;
     line-height: 20px;
     transform-origin: top left;
-    cursor: pointer;
     transition: all 0.2s ease-out;
   }
 

package/es/label-range-picker/style/index.css

@@ -1243,9 +1243,13 @@ html {
 .label-range-picker:not(.label-range-picker-disabled):hover .ant-picker {
   border-color: #a0a0a0;
 }
+.label-range-picker:not(.label-range-picker-label-scale) .ant-picker-input > input {
+  cursor: pointer;
+}
 .label-range-picker .ant-picker {
   height: 45px;
-  padding-left: 12px;
+  padding-right: 15px;
+  padding-left: 15px;
   border: 1px solid #e5e5e5;
   border-radius: 2px;
   outline: none;
@@ -1254,7 +1258,6 @@ html {
   position: relative;
   top: 9px;
   width: 85px;
-  padding-left: 3px;
 }
 .label-range-picker .ant-picker-focused {
   border-color: #000;
@@ -1263,6 +1266,7 @@ html {
 .label-range-picker .ant-picker-range-separator {
   position: relative;
   top: 8px;
+  margin: 0 3px;
   padding: 0;
 }
 .label-range-picker .ant-picker-range-separator,
@@ -1278,15 +1282,11 @@ html {
 }
 .label-range-picker-text {
   position: absolute;
-  top: 0;
-  left: 0;
+  top: 12px;
+  left: 16px;
   z-index: 2;
-  display: flex;
-  align-items: center;
-  width: calc(100% - 12px);
-  height: 100%;
-  margin-left: 12px;
-  color: #9aa5b5;
+  height: 20px;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;

package/es/label-range-picker/style/index.less

@@ -1,9 +1,6 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_9aa5b5: #9aa5b5;
-@color_a0a0a0: #a0a0a0;
-@font-size-base: 14px;
+@import '../../style/variables.less';
 
 .label-range-picker {
   position: relative;
@@ -17,10 +14,17 @@
     }
   }
 
+  &:not(.label-range-picker-label-scale) {
+    .@{ant-prefix}-picker-input > input {
+      cursor: pointer;
+    }
+  }
+
   .@{ant-prefix}-picker {
     height: 45px;
-    padding-left: 12px;
-    border: 1px solid #e5e5e5;
+    padding-right: 15px;
+    padding-left: 15px;
+    border: 1px solid @color_e5e5e5;
     border-radius: @border-radius-base;
     outline: none;
 
@@ -28,7 +32,6 @@
       position: relative;
       top: @pickerInputTop;
       width: 85px;
-      padding-left: 3px;
     }
 
     &-focused {
@@ -39,6 +42,7 @@
     &-range-separator {
       position: relative;
       top: 8px;
+      margin: 0 3px;
       padding: 0;
     }
 
@@ -53,20 +57,16 @@
 
     &-suffix .spotecicon {
       width: 14px;
-      color: #323232;
+      color: @color_323232;
     }
   }
 
   &-text {
     position: absolute;
-    top: 0;
-    left: 0;
+    top: 12px;
+    left: 16px;
     z-index: 2;
-    display: flex;
-    align-items: center;
-    width: calc(100% - 12px);
-    height: 100%;
-    margin-left: 12px;
+    height: 20px;
     color: @color_9aa5b5;
     font-size: @font-size-base;
     line-height: 20px;

package/es/label-select/style/index.css

@@ -1,4 +1,3 @@
-/* stylelint-disable indentation */
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
@@ -1315,7 +1314,7 @@ html {
   left: 16px;
   z-index: 2;
   height: 20px;
-  color: #9aa5b5;
+  color: #9e9e9e;
   font-size: 14px;
   line-height: 20px;
   transform-origin: top left;