assui 3.1.12 → 3.1.13

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;
   }
 }