assui 2.0.110 → 2.0.113

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,9 +9,9 @@
9
9
  height: 100%;
10
10
  }
11
11
  .label-auto-complete .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
12
- height: 52px;
12
+ height: 45px;
13
13
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
14
+ border-radius: 8px;
15
15
  outline: none;
16
16
  }
17
17
  .label-auto-complete .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -19,16 +19,20 @@
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-auto-complete .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
22
- padding-top: 14px;
22
+ padding-top: 12px;
23
23
  padding-left: 4px;
24
24
  }
25
25
  .label-auto-complete .ant-select-selection-search {
26
- padding-top: 14px;
27
- padding-left: 2px;
26
+ padding-top: 16px;
27
+ padding-left: 4px;
28
+ }
29
+ .label-auto-complete .ant-select-selection-search .ant-select-selection-search-input {
30
+ height: auto !important;
31
+ font-size: 14px;
28
32
  }
29
33
  .label-auto-complete-text {
30
34
  position: absolute;
31
- top: 18px;
35
+ top: 12px;
32
36
  left: 16px;
33
37
  z-index: 2;
34
38
  height: 20px;
@@ -40,7 +44,7 @@
40
44
  transition: all 0.2s ease-out;
41
45
  }
42
46
  .label-auto-complete-label-scale .label-auto-complete-text {
43
- transform: translateY(-10px) scale(0.86);
47
+ transform: translateY(-8px) scale(0.715);
44
48
  cursor: text;
45
49
  pointer-events: none;
46
50
  }
@@ -11,9 +11,9 @@
11
11
 
12
12
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
13
  .@{ant-prefix}-select-selector {
14
- height: 52px;
14
+ height: 45px;
15
15
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
16
+ border-radius: 8px;
17
17
  outline: none;
18
18
  }
19
19
 
@@ -25,18 +25,23 @@
25
25
 
26
26
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
27
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
28
+ padding-top: 12px;
29
29
  padding-left: 4px;
30
30
  }
31
31
 
32
32
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
- padding-left: 2px;
33
+ padding-top: 16px;
34
+ padding-left: 4px;
35
+
36
+ .ant-select-selection-search-input {
37
+ height: auto !important;
38
+ font-size: @font-size-base;
39
+ }
35
40
  }
36
41
 
37
42
  &-text {
38
43
  position: absolute;
39
- top: 18px;
44
+ top: 12px;
40
45
  left: 16px;
41
46
  z-index: 2;
42
47
  height: 20px;
@@ -50,7 +55,7 @@
50
55
 
51
56
  &-label-scale {
52
57
  .label-auto-complete-text {
53
- transform: translateY(-10px) scale(0.86);
58
+ transform: translateY(-8px) scale(0.715);
54
59
  cursor: text;
55
60
  pointer-events: none;
56
61
  }
@@ -8,14 +8,16 @@
8
8
  height: 100%;
9
9
  }
10
10
  .label-date-picker .ant-picker {
11
- height: 52px;
11
+ height: 45px;
12
+ padding-left: 12px;
12
13
  border: 1px solid #e5e5e5;
13
- border-radius: 12px;
14
+ border-radius: 8px;
14
15
  outline: none;
15
16
  }
16
17
  .label-date-picker .ant-picker-input input {
17
- padding-top: 16px;
18
- padding-left: 4px;
18
+ position: relative;
19
+ top: 10px;
20
+ padding-left: 3px;
19
21
  }
20
22
  .label-date-picker .ant-picker-focused {
21
23
  border-color: #ff6b00;
@@ -27,7 +29,7 @@
27
29
  }
28
30
  .label-date-picker-text {
29
31
  position: absolute;
30
- top: 18px;
32
+ top: 12px;
31
33
  left: 16px;
32
34
  z-index: 2;
33
35
  height: 20px;
@@ -39,7 +41,7 @@
39
41
  transition: all 0.2s ease-out;
40
42
  }
41
43
  .label-date-picker-label-scale .label-date-picker-text {
42
- transform: translateY(-10px) scale(0.86);
44
+ transform: translateY(-8px) scale(0.715);
43
45
  cursor: text;
44
46
  pointer-events: none;
45
47
  }
@@ -9,14 +9,16 @@
9
9
  height: 100%;
10
10
 
11
11
  .@{ant-prefix}-picker {
12
- height: 52px;
12
+ height: 45px;
13
+ padding-left: 12px;
13
14
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
15
+ border-radius: 8px;
15
16
  outline: none;
16
17
 
17
18
  &-input input {
18
- padding-top: 16px;
19
- padding-left: 4px;
19
+ position: relative;
20
+ top: 10px;
21
+ padding-left: 3px;
20
22
  }
21
23
 
22
24
  &-focused {
@@ -32,7 +34,7 @@
32
34
 
33
35
  &-text {
34
36
  position: absolute;
35
- top: 18px;
37
+ top: 12px;
36
38
  left: 16px;
37
39
  z-index: 2;
38
40
  height: 20px;
@@ -46,7 +48,7 @@
46
48
 
47
49
  &-label-scale {
48
50
  .label-date-picker-text {
49
- transform: translateY(-10px) scale(0.86);
51
+ transform: translateY(-8px) scale(0.715);
50
52
  cursor: text;
51
53
  pointer-events: none;
52
54
  }
@@ -2,16 +2,16 @@
2
2
  z-index: 1;
3
3
  width: 100%;
4
4
  height: 100%;
5
- padding: 24px 15px 8px 15px;
5
+ padding: 20px 15px 2px 15px;
6
6
  color: #263241;
7
- font-size: 16px;
7
+ font-size: 14px;
8
8
  line-height: 16px;
9
9
  border: 0;
10
10
  outline: 0;
11
11
  }
12
12
  .label-input:focus + label,
13
13
  .label-input:not([data-value='0']) + label {
14
- transform: translateY(-10px) scale(0.86);
14
+ transform: translateY(-8px) scale(0.715);
15
15
  }
16
16
  .label-input-control {
17
17
  position: relative;
@@ -19,10 +19,10 @@
19
19
  width: 100%;
20
20
  }
21
21
  .label-input-field {
22
- height: 52px;
22
+ height: 45px;
23
23
  overflow: hidden;
24
24
  border: 1px solid #e5e5e5;
25
- border-radius: 12px;
25
+ border-radius: 8px;
26
26
  transition: border 0.3s;
27
27
  }
28
28
  .label-input-affix {
@@ -51,8 +51,8 @@
51
51
  }
52
52
  .label-input-text {
53
53
  position: absolute;
54
- top: 16px;
55
- left: 16px;
54
+ top: 12px;
55
+ left: 15px;
56
56
  z-index: 2;
57
57
  height: 20px;
58
58
  color: #9aa5b5;
@@ -13,16 +13,16 @@
13
13
  z-index: 1;
14
14
  width: 100%;
15
15
  height: 100%;
16
- padding: 24px 15px 8px 15px;
16
+ padding: 20px 15px 2px 15px;
17
17
  color: @color_263241;
18
- font-size: @font-size-lg;
18
+ font-size: @font-size-base;
19
19
  line-height: 16px;
20
20
  border: 0;
21
21
  outline: 0;
22
22
 
23
23
  &:focus + label,
24
24
  &:not([data-value='0']) + label {
25
- transform: translateY(-10px) scale(0.86);
25
+ transform: translateY(-8px) scale(0.715);
26
26
  }
27
27
 
28
28
  &-control {
@@ -32,10 +32,10 @@
32
32
  }
33
33
 
34
34
  &-field {
35
- height: 52px;
35
+ height: 45px;
36
36
  overflow: hidden;
37
37
  border: 1px solid @color_e5e5e5;
38
- border-radius: 12px;
38
+ border-radius: 8px;
39
39
  transition: border 0.3s;
40
40
  }
41
41
 
@@ -70,8 +70,8 @@
70
70
 
71
71
  &-text {
72
72
  position: absolute;
73
- top: 16px;
74
- left: 16px;
73
+ top: 12px;
74
+ left: 15px;
75
75
  z-index: 2;
76
76
  height: 20px;
77
77
  color: @color_9aa5b5;
@@ -8,15 +8,17 @@
8
8
  height: 100%;
9
9
  }
10
10
  .label-range-picker .ant-picker {
11
- height: 52px;
11
+ height: 45px;
12
+ padding-left: 12px;
12
13
  border: 1px solid #e5e5e5;
13
- border-radius: 12px;
14
+ border-radius: 8px;
14
15
  outline: none;
15
16
  }
16
17
  .label-range-picker .ant-picker-input input {
18
+ position: relative;
19
+ top: 10px;
17
20
  width: 85px;
18
- padding-top: 16px;
19
- padding-left: 4px;
21
+ padding-left: 3px;
20
22
  }
21
23
  .label-range-picker .ant-picker-focused {
22
24
  border-color: #ff6b00;
@@ -40,7 +42,7 @@
40
42
  }
41
43
  .label-range-picker-text {
42
44
  position: absolute;
43
- top: 18px;
45
+ top: 12px;
44
46
  left: 16px;
45
47
  z-index: 2;
46
48
  height: 20px;
@@ -56,7 +58,7 @@
56
58
  opacity: 1;
57
59
  }
58
60
  .label-range-picker-label-scale .label-range-picker-text {
59
- transform: translateY(-11px) scale(0.86);
61
+ transform: translateY(-8px) scale(0.715);
60
62
  cursor: text;
61
63
  pointer-events: none;
62
64
  }
@@ -9,15 +9,17 @@
9
9
  height: 100%;
10
10
 
11
11
  .@{ant-prefix}-picker {
12
- height: 52px;
12
+ height: 45px;
13
+ padding-left: 12px;
13
14
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
15
+ border-radius: 8px;
15
16
  outline: none;
16
17
 
17
18
  &-input input {
19
+ position: relative;
20
+ top: 10px;
18
21
  width: 85px;
19
- padding-top: 16px;
20
- padding-left: 4px;
22
+ padding-left: 3px;
21
23
  }
22
24
 
23
25
  &-focused {
@@ -48,7 +50,7 @@
48
50
 
49
51
  &-text {
50
52
  position: absolute;
51
- top: 18px;
53
+ top: 12px;
52
54
  left: 16px;
53
55
  z-index: 2;
54
56
  height: 20px;
@@ -67,7 +69,7 @@
67
69
  }
68
70
 
69
71
  .label-range-picker-text {
70
- transform: translateY(-11px) scale(0.86);
72
+ transform: translateY(-8px) scale(0.715);
71
73
  cursor: text;
72
74
  pointer-events: none;
73
75
  }
@@ -9,9 +9,9 @@
9
9
  height: 100%;
10
10
  }
11
11
  .label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
12
- height: 52px;
12
+ height: 45px;
13
13
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
14
+ border-radius: 8px;
15
15
  outline: none;
16
16
  }
17
17
  .label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -19,11 +19,12 @@
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
22
- padding-top: 14px;
22
+ padding-top: 12px;
23
23
  padding-left: 4px;
24
+ font-size: 14px;
24
25
  }
25
26
  .label-select .ant-select-selection-search {
26
- padding-top: 14px;
27
+ padding-top: 12px;
27
28
  padding-left: 2px;
28
29
  }
29
30
  .label-select .ant-select-arrow {
@@ -38,7 +39,7 @@
38
39
  }
39
40
  .label-select-text {
40
41
  position: absolute;
41
- top: 18px;
42
+ top: 12px;
42
43
  left: 16px;
43
44
  z-index: 2;
44
45
  height: 20px;
@@ -50,7 +51,7 @@
50
51
  transition: all 0.2s ease-out;
51
52
  }
52
53
  .label-select-label-scale .label-select-text {
53
- transform: translateY(-10px) scale(0.86);
54
+ transform: translateY(-8px) scale(0.715);
54
55
  cursor: text;
55
56
  pointer-events: none;
56
57
  }
@@ -11,9 +11,9 @@
11
11
 
12
12
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
13
  .@{ant-prefix}-select-selector {
14
- height: 52px;
14
+ height: 45px;
15
15
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
16
+ border-radius: 8px;
17
17
  outline: none;
18
18
  }
19
19
 
@@ -25,12 +25,13 @@
25
25
 
26
26
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
27
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
28
+ padding-top: 12px;
29
29
  padding-left: 4px;
30
+ font-size: @font-size-base;
30
31
  }
31
32
 
32
33
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
+ padding-top: 12px;
34
35
  padding-left: 2px;
35
36
  }
36
37
 
@@ -48,7 +49,7 @@
48
49
 
49
50
  &-text {
50
51
  position: absolute;
51
- top: 18px;
52
+ top: 12px;
52
53
  left: 16px;
53
54
  z-index: 2;
54
55
  height: 20px;
@@ -62,7 +63,7 @@
62
63
 
63
64
  &-label-scale {
64
65
  .label-select-text {
65
- transform: translateY(-10px) scale(0.86);
66
+ transform: translateY(-8px) scale(0.715);
66
67
  cursor: text;
67
68
  pointer-events: none;
68
69
  }
@@ -9,9 +9,9 @@
9
9
  height: 100%;
10
10
  }
11
11
  .label-tree-select .ant-select:not(.ant-select-customize-input) .ant-select-selector {
12
- height: 52px;
12
+ height: 45px;
13
13
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
14
+ border-radius: 8px;
15
15
  outline: none;
16
16
  }
17
17
  .label-tree-select .ant-select-selection-overflow {
@@ -23,7 +23,7 @@
23
23
  }
24
24
  .label-tree-select-text {
25
25
  position: absolute;
26
- top: 18px;
26
+ top: 12px;
27
27
  left: 16px;
28
28
  z-index: 2;
29
29
  height: 20px;
@@ -35,12 +35,12 @@
35
35
  transition: all 0.2s ease-out;
36
36
  }
37
37
  .label-tree-select-label-scale .label-tree-select-text {
38
- transform: translateY(-10px) scale(0.86);
38
+ transform: translateY(-8px) scale(0.715);
39
39
  cursor: text;
40
40
  pointer-events: none;
41
41
  }
42
42
  .label-tree-select-label-scale .label-tree-select-value-length {
43
43
  position: absolute;
44
- top: 23px;
44
+ top: 20px;
45
45
  left: 16px;
46
46
  }
@@ -10,9 +10,9 @@
10
10
  height: 100%;
11
11
 
12
12
  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
13
- height: 52px;
13
+ height: 45px;
14
14
  border: 1px solid #e5e5e5;
15
- border-radius: 12px;
15
+ border-radius: 8px;
16
16
  outline: none;
17
17
  }
18
18
 
@@ -28,7 +28,7 @@
28
28
 
29
29
  &-text {
30
30
  position: absolute;
31
- top: 18px;
31
+ top: 12px;
32
32
  left: 16px;
33
33
  z-index: 2;
34
34
  height: 20px;
@@ -42,14 +42,14 @@
42
42
 
43
43
  &-label-scale {
44
44
  .label-tree-select-text {
45
- transform: translateY(-10px) scale(0.86);
45
+ transform: translateY(-8px) scale(0.715);
46
46
  cursor: text;
47
47
  pointer-events: none;
48
48
  }
49
49
 
50
50
  .label-tree-select-value-length {
51
51
  position: absolute;
52
- top: 23px;
52
+ top: 20px;
53
53
  left: 16px;
54
54
  }
55
55
  }
@@ -81,8 +81,8 @@ var StepNumberInput = function StepNumberInput(props) {
81
81
  var isEmpty = isUndefined(resultValue) || resultValue === '';
82
82
  var plusNumber = new BigNumber(resultValue).plus(step).toString();
83
83
  var minusNumber = new BigNumber(resultValue).minus(step).toString();
84
- var maxCondition = isUndefined(max) ? false : max === Number(resultValue) || Number(max) <= Number(plusNumber);
85
- var minCondition = isUndefined(min) ? false : min === Number(resultValue) || Number(min) >= Number(minusNumber);
84
+ var maxCondition = isUndefined(max) ? false : max === Number(resultValue) || Number(max) < Number(plusNumber);
85
+ var minCondition = isUndefined(min) ? false : min === Number(resultValue) || Number(min) > Number(minusNumber);
86
86
 
87
87
  var onNumberChange = function onNumberChange(lastValue) {
88
88
  if (resultValue !== lastValue) {
@@ -9,9 +9,9 @@
9
9
  height: 100%;
10
10
  }
11
11
  .label-auto-complete .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
12
- height: 52px;
12
+ height: 45px;
13
13
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
14
+ border-radius: 8px;
15
15
  outline: none;
16
16
  }
17
17
  .label-auto-complete .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -19,16 +19,20 @@
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-auto-complete .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
22
- padding-top: 14px;
22
+ padding-top: 12px;
23
23
  padding-left: 4px;
24
24
  }
25
25
  .label-auto-complete .ant-select-selection-search {
26
- padding-top: 14px;
27
- padding-left: 2px;
26
+ padding-top: 16px;
27
+ padding-left: 4px;
28
+ }
29
+ .label-auto-complete .ant-select-selection-search .ant-select-selection-search-input {
30
+ height: auto !important;
31
+ font-size: 14px;
28
32
  }
29
33
  .label-auto-complete-text {
30
34
  position: absolute;
31
- top: 18px;
35
+ top: 12px;
32
36
  left: 16px;
33
37
  z-index: 2;
34
38
  height: 20px;
@@ -40,7 +44,7 @@
40
44
  transition: all 0.2s ease-out;
41
45
  }
42
46
  .label-auto-complete-label-scale .label-auto-complete-text {
43
- transform: translateY(-10px) scale(0.86);
47
+ transform: translateY(-8px) scale(0.715);
44
48
  cursor: text;
45
49
  pointer-events: none;
46
50
  }
@@ -11,9 +11,9 @@
11
11
 
12
12
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
13
  .@{ant-prefix}-select-selector {
14
- height: 52px;
14
+ height: 45px;
15
15
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
16
+ border-radius: 8px;
17
17
  outline: none;
18
18
  }
19
19
 
@@ -25,18 +25,23 @@
25
25
 
26
26
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
27
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
28
+ padding-top: 12px;
29
29
  padding-left: 4px;
30
30
  }
31
31
 
32
32
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
- padding-left: 2px;
33
+ padding-top: 16px;
34
+ padding-left: 4px;
35
+
36
+ .ant-select-selection-search-input {
37
+ height: auto !important;
38
+ font-size: @font-size-base;
39
+ }
35
40
  }
36
41
 
37
42
  &-text {
38
43
  position: absolute;
39
- top: 18px;
44
+ top: 12px;
40
45
  left: 16px;
41
46
  z-index: 2;
42
47
  height: 20px;
@@ -50,7 +55,7 @@
50
55
 
51
56
  &-label-scale {
52
57
  .label-auto-complete-text {
53
- transform: translateY(-10px) scale(0.86);
58
+ transform: translateY(-8px) scale(0.715);
54
59
  cursor: text;
55
60
  pointer-events: none;
56
61
  }
@@ -8,14 +8,16 @@
8
8
  height: 100%;
9
9
  }
10
10
  .label-date-picker .ant-picker {
11
- height: 52px;
11
+ height: 45px;
12
+ padding-left: 12px;
12
13
  border: 1px solid #e5e5e5;
13
- border-radius: 12px;
14
+ border-radius: 8px;
14
15
  outline: none;
15
16
  }
16
17
  .label-date-picker .ant-picker-input input {
17
- padding-top: 16px;
18
- padding-left: 4px;
18
+ position: relative;
19
+ top: 10px;
20
+ padding-left: 3px;
19
21
  }
20
22
  .label-date-picker .ant-picker-focused {
21
23
  border-color: #ff6b00;
@@ -27,7 +29,7 @@
27
29
  }
28
30
  .label-date-picker-text {
29
31
  position: absolute;
30
- top: 18px;
32
+ top: 12px;
31
33
  left: 16px;
32
34
  z-index: 2;
33
35
  height: 20px;
@@ -39,7 +41,7 @@
39
41
  transition: all 0.2s ease-out;
40
42
  }
41
43
  .label-date-picker-label-scale .label-date-picker-text {
42
- transform: translateY(-10px) scale(0.86);
44
+ transform: translateY(-8px) scale(0.715);
43
45
  cursor: text;
44
46
  pointer-events: none;
45
47
  }
@@ -9,14 +9,16 @@
9
9
  height: 100%;
10
10
 
11
11
  .@{ant-prefix}-picker {
12
- height: 52px;
12
+ height: 45px;
13
+ padding-left: 12px;
13
14
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
15
+ border-radius: 8px;
15
16
  outline: none;
16
17
 
17
18
  &-input input {
18
- padding-top: 16px;
19
- padding-left: 4px;
19
+ position: relative;
20
+ top: 10px;
21
+ padding-left: 3px;
20
22
  }
21
23
 
22
24
  &-focused {
@@ -32,7 +34,7 @@
32
34
 
33
35
  &-text {
34
36
  position: absolute;
35
- top: 18px;
37
+ top: 12px;
36
38
  left: 16px;
37
39
  z-index: 2;
38
40
  height: 20px;
@@ -46,7 +48,7 @@
46
48
 
47
49
  &-label-scale {
48
50
  .label-date-picker-text {
49
- transform: translateY(-10px) scale(0.86);
51
+ transform: translateY(-8px) scale(0.715);
50
52
  cursor: text;
51
53
  pointer-events: none;
52
54
  }
@@ -2,16 +2,16 @@
2
2
  z-index: 1;
3
3
  width: 100%;
4
4
  height: 100%;
5
- padding: 24px 15px 8px 15px;
5
+ padding: 20px 15px 2px 15px;
6
6
  color: #263241;
7
- font-size: 16px;
7
+ font-size: 14px;
8
8
  line-height: 16px;
9
9
  border: 0;
10
10
  outline: 0;
11
11
  }
12
12
  .label-input:focus + label,
13
13
  .label-input:not([data-value='0']) + label {
14
- transform: translateY(-10px) scale(0.86);
14
+ transform: translateY(-8px) scale(0.715);
15
15
  }
16
16
  .label-input-control {
17
17
  position: relative;
@@ -19,10 +19,10 @@
19
19
  width: 100%;
20
20
  }
21
21
  .label-input-field {
22
- height: 52px;
22
+ height: 45px;
23
23
  overflow: hidden;
24
24
  border: 1px solid #e5e5e5;
25
- border-radius: 12px;
25
+ border-radius: 8px;
26
26
  transition: border 0.3s;
27
27
  }
28
28
  .label-input-affix {
@@ -51,8 +51,8 @@
51
51
  }
52
52
  .label-input-text {
53
53
  position: absolute;
54
- top: 16px;
55
- left: 16px;
54
+ top: 12px;
55
+ left: 15px;
56
56
  z-index: 2;
57
57
  height: 20px;
58
58
  color: #9aa5b5;
@@ -13,16 +13,16 @@
13
13
  z-index: 1;
14
14
  width: 100%;
15
15
  height: 100%;
16
- padding: 24px 15px 8px 15px;
16
+ padding: 20px 15px 2px 15px;
17
17
  color: @color_263241;
18
- font-size: @font-size-lg;
18
+ font-size: @font-size-base;
19
19
  line-height: 16px;
20
20
  border: 0;
21
21
  outline: 0;
22
22
 
23
23
  &:focus + label,
24
24
  &:not([data-value='0']) + label {
25
- transform: translateY(-10px) scale(0.86);
25
+ transform: translateY(-8px) scale(0.715);
26
26
  }
27
27
 
28
28
  &-control {
@@ -32,10 +32,10 @@
32
32
  }
33
33
 
34
34
  &-field {
35
- height: 52px;
35
+ height: 45px;
36
36
  overflow: hidden;
37
37
  border: 1px solid @color_e5e5e5;
38
- border-radius: 12px;
38
+ border-radius: 8px;
39
39
  transition: border 0.3s;
40
40
  }
41
41
 
@@ -70,8 +70,8 @@
70
70
 
71
71
  &-text {
72
72
  position: absolute;
73
- top: 16px;
74
- left: 16px;
73
+ top: 12px;
74
+ left: 15px;
75
75
  z-index: 2;
76
76
  height: 20px;
77
77
  color: @color_9aa5b5;
@@ -8,15 +8,17 @@
8
8
  height: 100%;
9
9
  }
10
10
  .label-range-picker .ant-picker {
11
- height: 52px;
11
+ height: 45px;
12
+ padding-left: 12px;
12
13
  border: 1px solid #e5e5e5;
13
- border-radius: 12px;
14
+ border-radius: 8px;
14
15
  outline: none;
15
16
  }
16
17
  .label-range-picker .ant-picker-input input {
18
+ position: relative;
19
+ top: 10px;
17
20
  width: 85px;
18
- padding-top: 16px;
19
- padding-left: 4px;
21
+ padding-left: 3px;
20
22
  }
21
23
  .label-range-picker .ant-picker-focused {
22
24
  border-color: #ff6b00;
@@ -40,7 +42,7 @@
40
42
  }
41
43
  .label-range-picker-text {
42
44
  position: absolute;
43
- top: 18px;
45
+ top: 12px;
44
46
  left: 16px;
45
47
  z-index: 2;
46
48
  height: 20px;
@@ -56,7 +58,7 @@
56
58
  opacity: 1;
57
59
  }
58
60
  .label-range-picker-label-scale .label-range-picker-text {
59
- transform: translateY(-11px) scale(0.86);
61
+ transform: translateY(-8px) scale(0.715);
60
62
  cursor: text;
61
63
  pointer-events: none;
62
64
  }
@@ -9,15 +9,17 @@
9
9
  height: 100%;
10
10
 
11
11
  .@{ant-prefix}-picker {
12
- height: 52px;
12
+ height: 45px;
13
+ padding-left: 12px;
13
14
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
15
+ border-radius: 8px;
15
16
  outline: none;
16
17
 
17
18
  &-input input {
19
+ position: relative;
20
+ top: 10px;
18
21
  width: 85px;
19
- padding-top: 16px;
20
- padding-left: 4px;
22
+ padding-left: 3px;
21
23
  }
22
24
 
23
25
  &-focused {
@@ -48,7 +50,7 @@
48
50
 
49
51
  &-text {
50
52
  position: absolute;
51
- top: 18px;
53
+ top: 12px;
52
54
  left: 16px;
53
55
  z-index: 2;
54
56
  height: 20px;
@@ -67,7 +69,7 @@
67
69
  }
68
70
 
69
71
  .label-range-picker-text {
70
- transform: translateY(-11px) scale(0.86);
72
+ transform: translateY(-8px) scale(0.715);
71
73
  cursor: text;
72
74
  pointer-events: none;
73
75
  }
@@ -9,9 +9,9 @@
9
9
  height: 100%;
10
10
  }
11
11
  .label-select .ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector {
12
- height: 52px;
12
+ height: 45px;
13
13
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
14
+ border-radius: 8px;
15
15
  outline: none;
16
16
  }
17
17
  .label-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
@@ -19,11 +19,12 @@
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-select .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
22
- padding-top: 14px;
22
+ padding-top: 12px;
23
23
  padding-left: 4px;
24
+ font-size: 14px;
24
25
  }
25
26
  .label-select .ant-select-selection-search {
26
- padding-top: 14px;
27
+ padding-top: 12px;
27
28
  padding-left: 2px;
28
29
  }
29
30
  .label-select .ant-select-arrow {
@@ -38,7 +39,7 @@
38
39
  }
39
40
  .label-select-text {
40
41
  position: absolute;
41
- top: 18px;
42
+ top: 12px;
42
43
  left: 16px;
43
44
  z-index: 2;
44
45
  height: 20px;
@@ -50,7 +51,7 @@
50
51
  transition: all 0.2s ease-out;
51
52
  }
52
53
  .label-select-label-scale .label-select-text {
53
- transform: translateY(-10px) scale(0.86);
54
+ transform: translateY(-8px) scale(0.715);
54
55
  cursor: text;
55
56
  pointer-events: none;
56
57
  }
@@ -11,9 +11,9 @@
11
11
 
12
12
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
13
  .@{ant-prefix}-select-selector {
14
- height: 52px;
14
+ height: 45px;
15
15
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
16
+ border-radius: 8px;
17
17
  outline: none;
18
18
  }
19
19
 
@@ -25,12 +25,13 @@
25
25
 
26
26
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
27
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
28
+ padding-top: 12px;
29
29
  padding-left: 4px;
30
+ font-size: @font-size-base;
30
31
  }
31
32
 
32
33
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
+ padding-top: 12px;
34
35
  padding-left: 2px;
35
36
  }
36
37
 
@@ -48,7 +49,7 @@
48
49
 
49
50
  &-text {
50
51
  position: absolute;
51
- top: 18px;
52
+ top: 12px;
52
53
  left: 16px;
53
54
  z-index: 2;
54
55
  height: 20px;
@@ -62,7 +63,7 @@
62
63
 
63
64
  &-label-scale {
64
65
  .label-select-text {
65
- transform: translateY(-10px) scale(0.86);
66
+ transform: translateY(-8px) scale(0.715);
66
67
  cursor: text;
67
68
  pointer-events: none;
68
69
  }
@@ -9,9 +9,9 @@
9
9
  height: 100%;
10
10
  }
11
11
  .label-tree-select .ant-select:not(.ant-select-customize-input) .ant-select-selector {
12
- height: 52px;
12
+ height: 45px;
13
13
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
14
+ border-radius: 8px;
15
15
  outline: none;
16
16
  }
17
17
  .label-tree-select .ant-select-selection-overflow {
@@ -23,7 +23,7 @@
23
23
  }
24
24
  .label-tree-select-text {
25
25
  position: absolute;
26
- top: 18px;
26
+ top: 12px;
27
27
  left: 16px;
28
28
  z-index: 2;
29
29
  height: 20px;
@@ -35,12 +35,12 @@
35
35
  transition: all 0.2s ease-out;
36
36
  }
37
37
  .label-tree-select-label-scale .label-tree-select-text {
38
- transform: translateY(-10px) scale(0.86);
38
+ transform: translateY(-8px) scale(0.715);
39
39
  cursor: text;
40
40
  pointer-events: none;
41
41
  }
42
42
  .label-tree-select-label-scale .label-tree-select-value-length {
43
43
  position: absolute;
44
- top: 23px;
44
+ top: 20px;
45
45
  left: 16px;
46
46
  }
@@ -10,9 +10,9 @@
10
10
  height: 100%;
11
11
 
12
12
  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
13
- height: 52px;
13
+ height: 45px;
14
14
  border: 1px solid #e5e5e5;
15
- border-radius: 12px;
15
+ border-radius: 8px;
16
16
  outline: none;
17
17
  }
18
18
 
@@ -28,7 +28,7 @@
28
28
 
29
29
  &-text {
30
30
  position: absolute;
31
- top: 18px;
31
+ top: 12px;
32
32
  left: 16px;
33
33
  z-index: 2;
34
34
  height: 20px;
@@ -42,14 +42,14 @@
42
42
 
43
43
  &-label-scale {
44
44
  .label-tree-select-text {
45
- transform: translateY(-10px) scale(0.86);
45
+ transform: translateY(-8px) scale(0.715);
46
46
  cursor: text;
47
47
  pointer-events: none;
48
48
  }
49
49
 
50
50
  .label-tree-select-value-length {
51
51
  position: absolute;
52
- top: 23px;
52
+ top: 20px;
53
53
  left: 16px;
54
54
  }
55
55
  }
@@ -133,8 +133,8 @@ var StepNumberInput = function StepNumberInput(props) {
133
133
  var isEmpty = isUndefined_1["default"](resultValue) || resultValue === '';
134
134
  var plusNumber = new bignumber_js_1["default"](resultValue).plus(step).toString();
135
135
  var minusNumber = new bignumber_js_1["default"](resultValue).minus(step).toString();
136
- var maxCondition = isUndefined_1["default"](max) ? false : max === Number(resultValue) || Number(max) <= Number(plusNumber);
137
- var minCondition = isUndefined_1["default"](min) ? false : min === Number(resultValue) || Number(min) >= Number(minusNumber);
136
+ var maxCondition = isUndefined_1["default"](max) ? false : max === Number(resultValue) || Number(max) < Number(plusNumber);
137
+ var minCondition = isUndefined_1["default"](min) ? false : min === Number(resultValue) || Number(min) > Number(minusNumber);
138
138
 
139
139
  var onNumberChange = function onNumberChange(lastValue) {
140
140
  if (resultValue !== lastValue) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "assui",
3
- "version": "2.0.110",
3
+ "version": "2.0.113",
4
4
  "description": "react ui library",
5
5
  "author": "jason <usochen@gmail.com>",
6
6
  "main": "./lib/index.js",
@@ -69,5 +69,5 @@
69
69
  "node": ">=10.0.0"
70
70
  },
71
71
  "license": "MIT",
72
- "gitHead": "e595886461d78f4c4ee4138e3fb1ed3ca4a1f0ff"
72
+ "gitHead": "beb09cd10c522fa24b6354799e6bd5cd756b7aec"
73
73
  }