assui 2.0.112 → 2.0.115

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: 17px;
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.8);
44
48
  cursor: text;
45
49
  pointer-events: none;
46
50
  }
@@ -1,5 +1,6 @@
1
1
  /* stylelint-disable indentation */
2
2
  @import '~antd/es/style/themes/index';
3
+ @import '../../style/themes/default.less';
3
4
 
4
5
  @color_9aa5b5: #9aa5b5;
5
6
  @font-size-base: 14px;
@@ -11,9 +12,9 @@
11
12
 
12
13
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
14
  .@{ant-prefix}-select-selector {
14
- height: 52px;
15
+ height: 45px;
15
16
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
17
+ border-radius: 8px;
17
18
  outline: none;
18
19
  }
19
20
 
@@ -25,18 +26,23 @@
25
26
 
26
27
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
28
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
29
+ padding-top: 12px;
29
30
  padding-left: 4px;
30
31
  }
31
32
 
32
33
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
- padding-left: 2px;
34
+ padding-top: 17px;
35
+ padding-left: 4px;
36
+
37
+ .ant-select-selection-search-input {
38
+ height: auto !important;
39
+ font-size: @font-size-base;
40
+ }
35
41
  }
36
42
 
37
43
  &-text {
38
44
  position: absolute;
39
- top: 18px;
45
+ top: 12px;
40
46
  left: 16px;
41
47
  z-index: 2;
42
48
  height: 20px;
@@ -50,7 +56,7 @@
50
56
 
51
57
  &-label-scale {
52
58
  .label-auto-complete-text {
53
- transform: translateY(-10px) scale(0.86);
59
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
54
60
  cursor: text;
55
61
  pointer-events: none;
56
62
  }
@@ -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: 9px;
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.8);
43
45
  cursor: text;
44
46
  pointer-events: none;
45
47
  }
@@ -1,4 +1,5 @@
1
1
  @import '~antd/es/style/themes/index';
2
+ @import '../../style/themes/default.less';
2
3
 
3
4
  @color_9aa5b5: #9aa5b5;
4
5
  @font-size-base: 14px;
@@ -9,14 +10,16 @@
9
10
  height: 100%;
10
11
 
11
12
  .@{ant-prefix}-picker {
12
- height: 52px;
13
+ height: 45px;
14
+ padding-left: 12px;
13
15
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
16
+ border-radius: 8px;
15
17
  outline: none;
16
18
 
17
19
  &-input input {
18
- padding-top: 16px;
19
- padding-left: 4px;
20
+ position: relative;
21
+ top: @pickerInputTop;
22
+ padding-left: 3px;
20
23
  }
21
24
 
22
25
  &-focused {
@@ -32,7 +35,7 @@
32
35
 
33
36
  &-text {
34
37
  position: absolute;
35
- top: 18px;
38
+ top: 12px;
36
39
  left: 16px;
37
40
  z-index: 2;
38
41
  height: 20px;
@@ -46,7 +49,7 @@
46
49
 
47
50
  &-label-scale {
48
51
  .label-date-picker-text {
49
- transform: translateY(-10px) scale(0.86);
52
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
50
53
  cursor: text;
51
54
  pointer-events: none;
52
55
  }
@@ -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: 19px 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.8);
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;
@@ -1,3 +1,5 @@
1
+ @import '../../style/themes/default.less';
2
+
1
3
  @primary-color: #ff6b00;
2
4
  @color_263241: #263241;
3
5
  @color_9aa5b5: #9aa5b5;
@@ -13,16 +15,16 @@
13
15
  z-index: 1;
14
16
  width: 100%;
15
17
  height: 100%;
16
- padding: 24px 15px 8px 15px;
18
+ padding: 19px 15px 2px 15px;
17
19
  color: @color_263241;
18
- font-size: @font-size-lg;
20
+ font-size: @font-size-base;
19
21
  line-height: 16px;
20
22
  border: 0;
21
23
  outline: 0;
22
24
 
23
25
  &:focus + label,
24
26
  &:not([data-value='0']) + label {
25
- transform: translateY(-10px) scale(0.86);
27
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
26
28
  }
27
29
 
28
30
  &-control {
@@ -32,10 +34,10 @@
32
34
  }
33
35
 
34
36
  &-field {
35
- height: 52px;
37
+ height: 45px;
36
38
  overflow: hidden;
37
39
  border: 1px solid @color_e5e5e5;
38
- border-radius: 12px;
40
+ border-radius: 8px;
39
41
  transition: border 0.3s;
40
42
  }
41
43
 
@@ -70,8 +72,8 @@
70
72
 
71
73
  &-text {
72
74
  position: absolute;
73
- top: 16px;
74
- left: 16px;
75
+ top: 12px;
76
+ left: 15px;
75
77
  z-index: 2;
76
78
  height: 20px;
77
79
  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: 9px;
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.8);
60
62
  cursor: text;
61
63
  pointer-events: none;
62
64
  }
@@ -1,4 +1,5 @@
1
1
  @import '~antd/es/style/themes/index';
2
+ @import '../../style/themes/default.less';
2
3
 
3
4
  @color_9aa5b5: #9aa5b5;
4
5
  @font-size-base: 14px;
@@ -9,15 +10,17 @@
9
10
  height: 100%;
10
11
 
11
12
  .@{ant-prefix}-picker {
12
- height: 52px;
13
+ height: 45px;
14
+ padding-left: 12px;
13
15
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
16
+ border-radius: 8px;
15
17
  outline: none;
16
18
 
17
19
  &-input input {
20
+ position: relative;
21
+ top: @pickerInputTop;
18
22
  width: 85px;
19
- padding-top: 16px;
20
- padding-left: 4px;
23
+ padding-left: 3px;
21
24
  }
22
25
 
23
26
  &-focused {
@@ -48,7 +51,7 @@
48
51
 
49
52
  &-text {
50
53
  position: absolute;
51
- top: 18px;
54
+ top: 12px;
52
55
  left: 16px;
53
56
  z-index: 2;
54
57
  height: 20px;
@@ -67,7 +70,7 @@
67
70
  }
68
71
 
69
72
  .label-range-picker-text {
70
- transform: translateY(-11px) scale(0.86);
73
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
71
74
  cursor: text;
72
75
  pointer-events: none;
73
76
  }
@@ -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: 11px;
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: 11px;
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.8);
54
55
  cursor: text;
55
56
  pointer-events: none;
56
57
  }
@@ -1,5 +1,6 @@
1
1
  /* stylelint-disable indentation */
2
2
  @import '~antd/es/style/themes/index';
3
+ @import '../../style/themes/default.less';
3
4
 
4
5
  @color_9aa5b5: #9aa5b5;
5
6
  @font-size-base: 14px;
@@ -11,9 +12,9 @@
11
12
 
12
13
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
14
  .@{ant-prefix}-select-selector {
14
- height: 52px;
15
+ height: 45px;
15
16
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
17
+ border-radius: 8px;
17
18
  outline: none;
18
19
  }
19
20
 
@@ -25,12 +26,13 @@
25
26
 
26
27
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
28
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
29
+ padding-top: 11px;
29
30
  padding-left: 4px;
31
+ font-size: @font-size-base;
30
32
  }
31
33
 
32
34
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
35
+ padding-top: 11px;
34
36
  padding-left: 2px;
35
37
  }
36
38
 
@@ -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;
@@ -62,7 +64,7 @@
62
64
 
63
65
  &-label-scale {
64
66
  .label-select-text {
65
- transform: translateY(-10px) scale(0.86);
67
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
66
68
  cursor: text;
67
69
  pointer-events: none;
68
70
  }
@@ -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.8);
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
  }
@@ -1,5 +1,6 @@
1
1
  /* stylelint-disable indentation */
2
2
  @import '~antd/es/style/themes/index';
3
+ @import '../../style/themes/default.less';
3
4
 
4
5
  @color_9aa5b5: #9aa5b5;
5
6
  @font-size-base: 14px;
@@ -10,9 +11,9 @@
10
11
  height: 100%;
11
12
 
12
13
  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
13
- height: 52px;
14
+ height: 45px;
14
15
  border: 1px solid #e5e5e5;
15
- border-radius: 12px;
16
+ border-radius: 8px;
16
17
  outline: none;
17
18
  }
18
19
 
@@ -28,7 +29,7 @@
28
29
 
29
30
  &-text {
30
31
  position: absolute;
31
- top: 18px;
32
+ top: 12px;
32
33
  left: 16px;
33
34
  z-index: 2;
34
35
  height: 20px;
@@ -42,14 +43,14 @@
42
43
 
43
44
  &-label-scale {
44
45
  .label-tree-select-text {
45
- transform: translateY(-10px) scale(0.86);
46
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
46
47
  cursor: text;
47
48
  pointer-events: none;
48
49
  }
49
50
 
50
51
  .label-tree-select-value-length {
51
52
  position: absolute;
52
- top: 23px;
53
+ top: 20px;
53
54
  left: 16px;
54
55
  }
55
56
  }
@@ -0,0 +1,3 @@
1
+ @labelTextLabelScale: 0.8;
2
+ @labelTextLabeltranslateY: -8px;
3
+ @pickerInputTop: 9px;
@@ -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: 17px;
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.8);
44
48
  cursor: text;
45
49
  pointer-events: none;
46
50
  }
@@ -1,5 +1,6 @@
1
1
  /* stylelint-disable indentation */
2
2
  @import '~antd/es/style/themes/index';
3
+ @import '../../style/themes/default.less';
3
4
 
4
5
  @color_9aa5b5: #9aa5b5;
5
6
  @font-size-base: 14px;
@@ -11,9 +12,9 @@
11
12
 
12
13
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
14
  .@{ant-prefix}-select-selector {
14
- height: 52px;
15
+ height: 45px;
15
16
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
17
+ border-radius: 8px;
17
18
  outline: none;
18
19
  }
19
20
 
@@ -25,18 +26,23 @@
25
26
 
26
27
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
28
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
29
+ padding-top: 12px;
29
30
  padding-left: 4px;
30
31
  }
31
32
 
32
33
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
34
- padding-left: 2px;
34
+ padding-top: 17px;
35
+ padding-left: 4px;
36
+
37
+ .ant-select-selection-search-input {
38
+ height: auto !important;
39
+ font-size: @font-size-base;
40
+ }
35
41
  }
36
42
 
37
43
  &-text {
38
44
  position: absolute;
39
- top: 18px;
45
+ top: 12px;
40
46
  left: 16px;
41
47
  z-index: 2;
42
48
  height: 20px;
@@ -50,7 +56,7 @@
50
56
 
51
57
  &-label-scale {
52
58
  .label-auto-complete-text {
53
- transform: translateY(-10px) scale(0.86);
59
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
54
60
  cursor: text;
55
61
  pointer-events: none;
56
62
  }
@@ -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: 9px;
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.8);
43
45
  cursor: text;
44
46
  pointer-events: none;
45
47
  }
@@ -1,4 +1,5 @@
1
1
  @import '~antd/es/style/themes/index';
2
+ @import '../../style/themes/default.less';
2
3
 
3
4
  @color_9aa5b5: #9aa5b5;
4
5
  @font-size-base: 14px;
@@ -9,14 +10,16 @@
9
10
  height: 100%;
10
11
 
11
12
  .@{ant-prefix}-picker {
12
- height: 52px;
13
+ height: 45px;
14
+ padding-left: 12px;
13
15
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
16
+ border-radius: 8px;
15
17
  outline: none;
16
18
 
17
19
  &-input input {
18
- padding-top: 16px;
19
- padding-left: 4px;
20
+ position: relative;
21
+ top: @pickerInputTop;
22
+ padding-left: 3px;
20
23
  }
21
24
 
22
25
  &-focused {
@@ -32,7 +35,7 @@
32
35
 
33
36
  &-text {
34
37
  position: absolute;
35
- top: 18px;
38
+ top: 12px;
36
39
  left: 16px;
37
40
  z-index: 2;
38
41
  height: 20px;
@@ -46,7 +49,7 @@
46
49
 
47
50
  &-label-scale {
48
51
  .label-date-picker-text {
49
- transform: translateY(-10px) scale(0.86);
52
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
50
53
  cursor: text;
51
54
  pointer-events: none;
52
55
  }
@@ -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: 19px 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.8);
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;
@@ -1,3 +1,5 @@
1
+ @import '../../style/themes/default.less';
2
+
1
3
  @primary-color: #ff6b00;
2
4
  @color_263241: #263241;
3
5
  @color_9aa5b5: #9aa5b5;
@@ -13,16 +15,16 @@
13
15
  z-index: 1;
14
16
  width: 100%;
15
17
  height: 100%;
16
- padding: 24px 15px 8px 15px;
18
+ padding: 19px 15px 2px 15px;
17
19
  color: @color_263241;
18
- font-size: @font-size-lg;
20
+ font-size: @font-size-base;
19
21
  line-height: 16px;
20
22
  border: 0;
21
23
  outline: 0;
22
24
 
23
25
  &:focus + label,
24
26
  &:not([data-value='0']) + label {
25
- transform: translateY(-10px) scale(0.86);
27
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
26
28
  }
27
29
 
28
30
  &-control {
@@ -32,10 +34,10 @@
32
34
  }
33
35
 
34
36
  &-field {
35
- height: 52px;
37
+ height: 45px;
36
38
  overflow: hidden;
37
39
  border: 1px solid @color_e5e5e5;
38
- border-radius: 12px;
40
+ border-radius: 8px;
39
41
  transition: border 0.3s;
40
42
  }
41
43
 
@@ -70,8 +72,8 @@
70
72
 
71
73
  &-text {
72
74
  position: absolute;
73
- top: 16px;
74
- left: 16px;
75
+ top: 12px;
76
+ left: 15px;
75
77
  z-index: 2;
76
78
  height: 20px;
77
79
  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: 9px;
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.8);
60
62
  cursor: text;
61
63
  pointer-events: none;
62
64
  }
@@ -1,4 +1,5 @@
1
1
  @import '~antd/es/style/themes/index';
2
+ @import '../../style/themes/default.less';
2
3
 
3
4
  @color_9aa5b5: #9aa5b5;
4
5
  @font-size-base: 14px;
@@ -9,15 +10,17 @@
9
10
  height: 100%;
10
11
 
11
12
  .@{ant-prefix}-picker {
12
- height: 52px;
13
+ height: 45px;
14
+ padding-left: 12px;
13
15
  border: 1px solid #e5e5e5;
14
- border-radius: 12px;
16
+ border-radius: 8px;
15
17
  outline: none;
16
18
 
17
19
  &-input input {
20
+ position: relative;
21
+ top: @pickerInputTop;
18
22
  width: 85px;
19
- padding-top: 16px;
20
- padding-left: 4px;
23
+ padding-left: 3px;
21
24
  }
22
25
 
23
26
  &-focused {
@@ -48,7 +51,7 @@
48
51
 
49
52
  &-text {
50
53
  position: absolute;
51
- top: 18px;
54
+ top: 12px;
52
55
  left: 16px;
53
56
  z-index: 2;
54
57
  height: 20px;
@@ -67,7 +70,7 @@
67
70
  }
68
71
 
69
72
  .label-range-picker-text {
70
- transform: translateY(-11px) scale(0.86);
73
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
71
74
  cursor: text;
72
75
  pointer-events: none;
73
76
  }
@@ -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: 11px;
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: 11px;
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.8);
54
55
  cursor: text;
55
56
  pointer-events: none;
56
57
  }
@@ -1,5 +1,6 @@
1
1
  /* stylelint-disable indentation */
2
2
  @import '~antd/es/style/themes/index';
3
+ @import '../../style/themes/default.less';
3
4
 
4
5
  @color_9aa5b5: #9aa5b5;
5
6
  @font-size-base: 14px;
@@ -11,9 +12,9 @@
11
12
 
12
13
  .@{ant-prefix}-select-single.@{ant-prefix}-select-lg:not(.@{ant-prefix}-select-customize-input)
13
14
  .@{ant-prefix}-select-selector {
14
- height: 52px;
15
+ height: 45px;
15
16
  border: 1px solid #e5e5e5;
16
- border-radius: 12px;
17
+ border-radius: 8px;
17
18
  outline: none;
18
19
  }
19
20
 
@@ -25,12 +26,13 @@
25
26
 
26
27
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
28
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 14px;
29
+ padding-top: 11px;
29
30
  padding-left: 4px;
31
+ font-size: @font-size-base;
30
32
  }
31
33
 
32
34
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 14px;
35
+ padding-top: 11px;
34
36
  padding-left: 2px;
35
37
  }
36
38
 
@@ -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;
@@ -62,7 +64,7 @@
62
64
 
63
65
  &-label-scale {
64
66
  .label-select-text {
65
- transform: translateY(-10px) scale(0.86);
67
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
66
68
  cursor: text;
67
69
  pointer-events: none;
68
70
  }
@@ -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.8);
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
  }
@@ -1,5 +1,6 @@
1
1
  /* stylelint-disable indentation */
2
2
  @import '~antd/es/style/themes/index';
3
+ @import '../../style/themes/default.less';
3
4
 
4
5
  @color_9aa5b5: #9aa5b5;
5
6
  @font-size-base: 14px;
@@ -10,9 +11,9 @@
10
11
  height: 100%;
11
12
 
12
13
  .@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input) .@{ant-prefix}-select-selector {
13
- height: 52px;
14
+ height: 45px;
14
15
  border: 1px solid #e5e5e5;
15
- border-radius: 12px;
16
+ border-radius: 8px;
16
17
  outline: none;
17
18
  }
18
19
 
@@ -28,7 +29,7 @@
28
29
 
29
30
  &-text {
30
31
  position: absolute;
31
- top: 18px;
32
+ top: 12px;
32
33
  left: 16px;
33
34
  z-index: 2;
34
35
  height: 20px;
@@ -42,14 +43,14 @@
42
43
 
43
44
  &-label-scale {
44
45
  .label-tree-select-text {
45
- transform: translateY(-10px) scale(0.86);
46
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
46
47
  cursor: text;
47
48
  pointer-events: none;
48
49
  }
49
50
 
50
51
  .label-tree-select-value-length {
51
52
  position: absolute;
52
- top: 23px;
53
+ top: 20px;
53
54
  left: 16px;
54
55
  }
55
56
  }
@@ -0,0 +1,3 @@
1
+ @labelTextLabelScale: 0.8;
2
+ @labelTextLabeltranslateY: -8px;
3
+ @pickerInputTop: 9px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "assui",
3
- "version": "2.0.112",
3
+ "version": "2.0.115",
4
4
  "description": "react ui library",
5
5
  "author": "jason <usochen@gmail.com>",
6
6
  "main": "./lib/index.js",
@@ -33,7 +33,7 @@
33
33
  "@ahooksjs/use-url-state": "^2.5.8",
34
34
  "@tinymce/tinymce-react": "^3.13.0",
35
35
  "@types/react-beautiful-dnd": "^13.1.2",
36
- "a-icons": "^1.0.54",
36
+ "a-icons": "^1.0.55",
37
37
  "ahooks": "^3.0.8",
38
38
  "bignumber.js": "^9.0.1",
39
39
  "copy-to-clipboard": "^3.3.1",
@@ -69,5 +69,5 @@
69
69
  "node": ">=10.0.0"
70
70
  },
71
71
  "license": "MIT",
72
- "gitHead": "123bb3840d5a3cd6de639acfae802dc943e0a67e"
72
+ "gitHead": "8123001b2cf2073d2a7690e78012d6be2dd95ea8"
73
73
  }