assui 3.1.12 → 3.1.14

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

@@ -1,16 +1,6 @@
-/* stylelint-disable indentation */
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_9aa5b5: #9aa5b5;
-@color_e5e5e5: #e5e5e5;
-@color_7d7d7d: #7d7d7d;
-@color_a0a0a0: #a0a0a0;
-@color_333: #333;
-@color_ccc: #ccc;
-@white: #fff;
-@font-size-base: 14px;
-@font-size-sm: @font-size-base - 2px;
+@import '../../style/variables.less';
 
 .label-select {
   position: relative;
@@ -52,18 +42,19 @@
     }
   }
 
-  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg
+  .@{ant-prefix}-select-multiple.@{ant-prefix}-select-lg {
     .@{ant-prefix}-select-selection-item {
-    width: auto;
-    height: auto;
-    margin: 0 4px 4px 0;
-    padding: 1px 4px;
-    color: @color_333;
-    font-size: @font-size-sm;
-    line-height: 17px;
-    background-color: @white;
-    border: 1px solid @color_ccc;
-    border-radius: 4px;
+      width: auto;
+      height: auto;
+      margin: 0 4px 4px 0;
+      padding: 1px 4px;
+      color: @color_333;
+      font-size: @font-size-sm;
+      line-height: 17px;
+      background-color: @white;
+      border: 1px solid @color_ccc;
+      border-radius: 4px;
+    }
   }
 
   .@{ant-prefix}-select-allow-clear {
@@ -72,25 +63,28 @@
     }
   }
 
-  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
+  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input) {
     .@{ant-prefix}-select-selector {
-    height: 45px;
-    border: 1px solid @color_e5e5e5;
-    border-radius: @border-radius-base;
-    outline: none;
+      height: 45px;
+      border: 1px solid @color_e5e5e5;
+      border-radius: @border-radius-base;
+      outline: none;
+    }
   }
 
-  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
+  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) {
     .@{ant-prefix}-select-selector {
-    border-color: @labelFocusBorderColor;
-    box-shadow: none;
+      border-color: @labelFocusBorderColor;
+      box-shadow: none;
+    }
   }
 
-  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
+  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow {
     .@{ant-prefix}-select-selection-item {
-    padding-top: 11px;
-    padding-left: 4px;
-    font-size: @font-size-base;
+      padding-top: 11px;
+      padding-left: 4px;
+      font-size: @font-size-base;
+    }
   }
 
   .@{ant-prefix}-select-selection-search {

package/es/label-text-area/style/index.css

@@ -1244,9 +1244,7 @@ html {
   color: #263241;
   font-size: 16px;
   border: 0;
-  border-radius: 12px;
   outline: 0;
-  transition: border 0.3s;
 }
 .label-textarea:focus + label,
 .label-textarea:not([data-value='0']) + label {
@@ -1269,7 +1267,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-text-area/style/index.less

@@ -1,14 +1,6 @@
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-@color_dfe2e7: #dfe2e7;
-@color_9aa5b5: #9aa5b5;
-@color_b3b3b3: #b3b3b3;
-@color_e5e5e5: #e5e5e5;
-
-@font-size-base: 14px;
-@font-size-lg: @font-size-base + 2px;
-
-@font-weight-500: 500;
+@import '../../style/variables.less';
 
 .label-textarea {
   z-index: 1;
@@ -17,12 +9,10 @@
   min-height: 28px;
   margin-bottom: -4px;
   padding: 0 15px 0 15px;
-  color: #263241;
+  color: @color_263241;
   font-size: @font-size-lg;
   border: 0;
-  border-radius: 12px;
   outline: 0;
-  transition: border 0.3s;
 
   &:focus + label,
   &:not([data-value='0']) + label {

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

@@ -1259,7 +1259,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-tree-select/style/index.less

@@ -1,9 +1,7 @@
 /* stylelint-disable indentation */
 @import '~antd/lib/style/index.less';
 @import '../../style/themes/default.less';
-
-@color_9aa5b5: #9aa5b5;
-@font-size-base: 14px;
+@import '../../style/variables.less';
 
 .label-tree-select {
   position: relative;
@@ -13,7 +11,7 @@
   .@{ant-prefix}-select: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/number-format-input/style/index.less

@@ -1,3 +1,5 @@
+@import '../../style/variables.less';
+
 .rc-number-format-input {
   position: relative;
   display: inline-block;
@@ -10,19 +12,19 @@
   font-size: 14px;
   line-height: 1.5715;
   list-style: none;
-  background-color: #fff;
+  background-color: @white;
   background-image: none;
-  border: 1px solid #d9d9d9;
+  border: 1px solid @color_d9d9d9;
   border-radius: 2px;
   transition: all 0.3s;
 
   &:hover {
-    border-color: #40a9ff;
+    border-color: @color_40a9ff;
     border-right-width: 1px !important;
   }
 
   &:focus {
-    border-color: #40a9ff;
+    border-color: @color_40a9ff;
     border-right-width: 1px !important;
     outline: 0;
     box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);

package/es/single-img-upload/style/index.less

@@ -1,15 +1,16 @@
 @import '~antd/lib/style/index.less';
+@import '../../style/variables.less';
 
 @progress-prefix-cls: ~'@{ant-prefix}';
 
 .as-img-upload {
   width: 335px;
   height: 140px;
-  border: 1px solid #cacaca;
+  border: 1px solid @color_cacaca;
   border-radius: 4px;
 
   &:hover {
-    border: 1px solid #1890ff;
+    border: 1px solid @color_1890ff;
   }
 
   .rc-upload,
@@ -38,7 +39,7 @@
     width: 100%;
     height: 100%;
     overflow: hidden;
-    background-color: #fff;
+    background-color: @white;
   }
 
   &-close-button {
@@ -49,14 +50,14 @@
     width: 20px;
     height: 20px;
     text-align: center;
-    background-color: #000;
+    background-color: @black;
     cursor: pointer;
     opacity: 0.6;
 
     .spotecicon {
       width: 15px;
       height: 15px;
-      color: #fff;
+      color: @white;
     }
   }
 
@@ -84,7 +85,7 @@
     .@{ant-prefix}-progress-text {
       display: block;
       width: 100%;
-      color: #fff;
+      color: @white;
       text-align: center;
     }
   }
@@ -97,6 +98,6 @@
 
 .init-disable {
   color: rgba(0, 0, 0, 25%);
-  background-color: #f5f5f5;
+  background-color: @color_f5f5f5;
   cursor: not-allowed;
 }

package/es/split-pane/style/index.less

@@ -1,7 +1,9 @@
+@import '../../style/variables.less';
+
 .Resizer {
   z-index: 1;
   box-sizing: border-box;
-  background: #000;
+  background: @black;
   background-clip: padding;
   opacity: 0.2;
 }

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

@@ -1251,7 +1251,7 @@ html {
 .count-minus-btn:focus,
 .count-minus-btn:active,
 .count-minus-btn:focus-within {
-  color: white;
+  color: #fff;
   background-color: #02a6e3;
   cursor: pointer;
 }
@@ -1264,7 +1264,7 @@ html {
 .count-add-btn:focus,
 .count-add-btn:active,
 .count-add-btn:focus-within {
-  color: white;
+  color: #fff;
   background-color: #02a6e3;
   cursor: pointer;
 }

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

@@ -1,4 +1,5 @@
 @import '~antd/lib/style/index.less';
+@import '../../style/variables.less';
 
 @progress-prefix-cls: ~'@{ant-prefix}';
 
@@ -21,8 +22,8 @@
   &:focus,
   &:active,
   &:focus-within {
-    color: white;
-    background-color: #02a6e3;
+    color: @white;
+    background-color: @color_02a6e3;
     cursor: pointer;
   }
 }
@@ -36,8 +37,8 @@
   &:focus,
   &:active,
   &:focus-within {
-    color: white;
-    background-color: #02a6e3;
+    color: @white;
+    background-color: @color_02a6e3;
     cursor: pointer;
   }
 }
@@ -50,7 +51,7 @@
   &:active,
   &:focus-within {
     color: rgba(0, 0, 0, 0.25);
-    background-color: #f5f5f5;
+    background-color: @color_f5f5f5;
     cursor: not-allowed;
   }
 }

package/es/style/variables.less

@@ -0,0 +1,30 @@
+@white: #fff;
+@black: #000;
+@color_333: #333;
+@color_ccc: #ccc;
+
+@color_9aa5b5: #9e9e9e;
+@color_a0a0a0: #a0a0a0;
+@color_e5e5e5: #e5e5e5;
+@color_a0a0a0: #a0a0a0;
+@color_323232: #323232;
+@color_02a6e3: #02a6e3;
+@color_f5f5f5: #f5f5f5;
+@color_cacaca: #cacaca;
+@color_1890ff: #1890ff;
+@color_d9d9d9: #d9d9d9;
+@color_40a9ff: #40a9ff;
+@color_dfe2e7: #dfe2e7;
+@color_b3b3b3: #b3b3b3;
+@color_263241: #263241;
+@color_7d7d7d: #7d7d7d;
+@color_f5f6fa: #f5f6fa;
+@color_dc4946: #dc4946;
+@color_a3daff: #a3daff;
+@color_bfbfbf: #bfbfbf;
+
+@font-size-base: 14px;
+@font-size-lg: @font-size-base + 2px;
+@font-size_18: 18px;
+
+@font-weight-500: 500;

package/lib/button-drawer/index.js

@@ -91,6 +91,7 @@ var react_1 = __importStar(require("react"));
 var drawer_1 = __importDefault(require("antd/lib/drawer"));
 var isFunction_1 = __importDefault(require("lodash/isFunction"));
 var classnames_1 = __importDefault(require("classnames"));
+var CloseOutlined_1 = __importDefault(require("a-icons/lib/CloseOutlined"));
 var ButtonDrawer = function ButtonDrawer(props, ref) {
   var _a = __read((0, react_1.useState)(false), 2),
     drawerVisible = _a[0],
@@ -133,7 +134,8 @@ var ButtonDrawer = function ButtonDrawer(props, ref) {
     className: (0, classnames_1["default"])('button-drawer', className),
     title: title,
     onClose: closeDrawer,
-    open: drawerVisible
+    open: drawerVisible,
+    closeIcon: react_1["default"].createElement(CloseOutlined_1["default"], null)
   }, restProps), (0, isFunction_1["default"])(children) ? children(actionRef.current) : react_1["default"].cloneElement(children, {
     drawerAction: actionRef.current
   })));

package/lib/button-modal/index.js

@@ -101,8 +101,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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;
     }
   }