assui 2.0.113 → 2.0.116

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.
Files changed (33) hide show
  1. package/es/label-auto-complete/style/index.css +3 -3
  2. package/es/label-auto-complete/style/index.less +4 -3
  3. package/es/label-date-picker/style/index.css +3 -3
  4. package/es/label-date-picker/style/index.less +4 -3
  5. package/es/label-input/style/index.css +3 -3
  6. package/es/label-input/style/index.less +5 -3
  7. package/es/label-range-picker/style/index.css +3 -3
  8. package/es/label-range-picker/style/index.less +4 -3
  9. package/es/label-select/index.js +2 -1
  10. package/es/label-select/style/index.css +4 -4
  11. package/es/label-select/style/index.less +5 -4
  12. package/es/label-text-area/style/index.css +1 -1
  13. package/es/label-text-area/style/index.less +2 -2
  14. package/es/label-tree-select/style/index.css +2 -2
  15. package/es/label-tree-select/style/index.less +3 -2
  16. package/es/style/themes/default.less +4 -0
  17. package/lib/label-auto-complete/style/index.css +3 -3
  18. package/lib/label-auto-complete/style/index.less +4 -3
  19. package/lib/label-date-picker/style/index.css +3 -3
  20. package/lib/label-date-picker/style/index.less +4 -3
  21. package/lib/label-input/style/index.css +3 -3
  22. package/lib/label-input/style/index.less +5 -3
  23. package/lib/label-range-picker/style/index.css +3 -3
  24. package/lib/label-range-picker/style/index.less +4 -3
  25. package/lib/label-select/index.js +3 -1
  26. package/lib/label-select/style/index.css +4 -4
  27. package/lib/label-select/style/index.less +5 -4
  28. package/lib/label-text-area/style/index.css +1 -1
  29. package/lib/label-text-area/style/index.less +2 -2
  30. package/lib/label-tree-select/style/index.css +2 -2
  31. package/lib/label-tree-select/style/index.less +3 -2
  32. package/lib/style/themes/default.less +4 -0
  33. package/package.json +3 -3
@@ -15,7 +15,7 @@
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 {
18
- border-color: #ff6b00;
18
+ border-color: #000;
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-auto-complete .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
@@ -23,7 +23,7 @@
23
23
  padding-left: 4px;
24
24
  }
25
25
  .label-auto-complete .ant-select-selection-search {
26
- padding-top: 16px;
26
+ padding-top: 17px;
27
27
  padding-left: 4px;
28
28
  }
29
29
  .label-auto-complete .ant-select-selection-search .ant-select-selection-search-input {
@@ -44,7 +44,7 @@
44
44
  transition: all 0.2s ease-out;
45
45
  }
46
46
  .label-auto-complete-label-scale .label-auto-complete-text {
47
- transform: translateY(-8px) scale(0.715);
47
+ transform: translateY(-8px) scale(0.8);
48
48
  cursor: text;
49
49
  pointer-events: none;
50
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;
@@ -19,7 +20,7 @@
19
20
 
20
21
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
21
22
  .@{ant-prefix}-select-selector {
22
- border-color: #ff6b00;
23
+ border-color: @labelFocusBorderColor;
23
24
  box-shadow: none;
24
25
  }
25
26
 
@@ -30,7 +31,7 @@
30
31
  }
31
32
 
32
33
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 16px;
34
+ padding-top: 17px;
34
35
  padding-left: 4px;
35
36
 
36
37
  .ant-select-selection-search-input {
@@ -55,7 +56,7 @@
55
56
 
56
57
  &-label-scale {
57
58
  .label-auto-complete-text {
58
- transform: translateY(-8px) scale(0.715);
59
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
59
60
  cursor: text;
60
61
  pointer-events: none;
61
62
  }
@@ -16,11 +16,11 @@
16
16
  }
17
17
  .label-date-picker .ant-picker-input input {
18
18
  position: relative;
19
- top: 10px;
19
+ top: 9px;
20
20
  padding-left: 3px;
21
21
  }
22
22
  .label-date-picker .ant-picker-focused {
23
- border-color: #ff6b00;
23
+ border-color: #000;
24
24
  box-shadow: none;
25
25
  }
26
26
  .label-date-picker .ant-picker-suffix .spotecicon {
@@ -41,7 +41,7 @@
41
41
  transition: all 0.2s ease-out;
42
42
  }
43
43
  .label-date-picker-label-scale .label-date-picker-text {
44
- transform: translateY(-8px) scale(0.715);
44
+ transform: translateY(-8px) scale(0.8);
45
45
  cursor: text;
46
46
  pointer-events: none;
47
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;
@@ -17,12 +18,12 @@
17
18
 
18
19
  &-input input {
19
20
  position: relative;
20
- top: 10px;
21
+ top: @pickerInputTop;
21
22
  padding-left: 3px;
22
23
  }
23
24
 
24
25
  &-focused {
25
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
26
27
  box-shadow: none;
27
28
  }
28
29
 
@@ -48,7 +49,7 @@
48
49
 
49
50
  &-label-scale {
50
51
  .label-date-picker-text {
51
- transform: translateY(-8px) scale(0.715);
52
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
52
53
  cursor: text;
53
54
  pointer-events: none;
54
55
  }
@@ -2,7 +2,7 @@
2
2
  z-index: 1;
3
3
  width: 100%;
4
4
  height: 100%;
5
- padding: 20px 15px 2px 15px;
5
+ padding: 19px 15px 2px 15px;
6
6
  color: #263241;
7
7
  font-size: 14px;
8
8
  line-height: 16px;
@@ -11,7 +11,7 @@
11
11
  }
12
12
  .label-input:focus + label,
13
13
  .label-input:not([data-value='0']) + label {
14
- transform: translateY(-8px) scale(0.715);
14
+ transform: translateY(-8px) scale(0.8);
15
15
  }
16
16
  .label-input-control {
17
17
  position: relative;
@@ -30,7 +30,7 @@
30
30
  align-items: center;
31
31
  }
32
32
  .label-input-focused {
33
- border-color: #ff6b00;
33
+ border-color: #000;
34
34
  }
35
35
  .label-input-prefix {
36
36
  flex-shrink: 0;
@@ -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,7 +15,7 @@
13
15
  z-index: 1;
14
16
  width: 100%;
15
17
  height: 100%;
16
- padding: 20px 15px 2px 15px;
18
+ padding: 19px 15px 2px 15px;
17
19
  color: @color_263241;
18
20
  font-size: @font-size-base;
19
21
  line-height: 16px;
@@ -22,7 +24,7 @@
22
24
 
23
25
  &:focus + label,
24
26
  &:not([data-value='0']) + label {
25
- transform: translateY(-8px) scale(0.715);
27
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
26
28
  }
27
29
 
28
30
  &-control {
@@ -45,7 +47,7 @@
45
47
  }
46
48
 
47
49
  &-focused {
48
- border-color: @primary-color;
50
+ border-color: @labelFocusBorderColor;
49
51
  }
50
52
 
51
53
  &-prefix {
@@ -16,12 +16,12 @@
16
16
  }
17
17
  .label-range-picker .ant-picker-input input {
18
18
  position: relative;
19
- top: 10px;
19
+ top: 9px;
20
20
  width: 85px;
21
21
  padding-left: 3px;
22
22
  }
23
23
  .label-range-picker .ant-picker-focused {
24
- border-color: #ff6b00;
24
+ border-color: #000;
25
25
  box-shadow: none;
26
26
  }
27
27
  .label-range-picker .ant-picker-range-separator {
@@ -58,7 +58,7 @@
58
58
  opacity: 1;
59
59
  }
60
60
  .label-range-picker-label-scale .label-range-picker-text {
61
- transform: translateY(-8px) scale(0.715);
61
+ transform: translateY(-8px) scale(0.8);
62
62
  cursor: text;
63
63
  pointer-events: none;
64
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;
@@ -17,13 +18,13 @@
17
18
 
18
19
  &-input input {
19
20
  position: relative;
20
- top: 10px;
21
+ top: @pickerInputTop;
21
22
  width: 85px;
22
23
  padding-left: 3px;
23
24
  }
24
25
 
25
26
  &-focused {
26
- border-color: #ff6b00;
27
+ border-color: @labelFocusBorderColor;
27
28
  box-shadow: none;
28
29
  }
29
30
 
@@ -69,7 +70,7 @@
69
70
  }
70
71
 
71
72
  .label-range-picker-text {
72
- transform: translateY(-8px) scale(0.715);
73
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
73
74
  cursor: text;
74
75
  pointer-events: none;
75
76
  }
@@ -44,6 +44,7 @@ var __read = this && this.__read || function (o, n) {
44
44
  import React from 'react';
45
45
  import useControllableValue from 'ahooks/lib/useControllableValue';
46
46
  import Select from 'antd/es/select';
47
+ import { isUndefined } from 'lodash';
47
48
  import classNames from 'classnames';
48
49
  import ArrowDropDownFilled from 'a-icons/lib/ArrowDropDownFilled';
49
50
  import omit from 'lodash/omit';
@@ -87,7 +88,7 @@ var LabelSelect = function LabelSelect(props) {
87
88
  return /*#__PURE__*/React.createElement("div", {
88
89
  className: classNames({
89
90
  'label-select': true,
90
- 'label-select-label-scale': open || value
91
+ 'label-select-label-scale': open || !isUndefined(value)
91
92
  }, className)
92
93
  }, /*#__PURE__*/React.createElement(Select, __assign({}, omit(props, ['open', 'onChange', 'className', 'label']), {
93
94
  open: open,
@@ -15,16 +15,16 @@
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 {
18
- border-color: #ff6b00;
18
+ border-color: #000;
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: 12px;
22
+ padding-top: 11px;
23
23
  padding-left: 4px;
24
24
  font-size: 14px;
25
25
  }
26
26
  .label-select .ant-select-selection-search {
27
- padding-top: 12px;
27
+ padding-top: 11px;
28
28
  padding-left: 2px;
29
29
  }
30
30
  .label-select .ant-select-arrow {
@@ -51,7 +51,7 @@
51
51
  transition: all 0.2s ease-out;
52
52
  }
53
53
  .label-select-label-scale .label-select-text {
54
- transform: translateY(-8px) scale(0.715);
54
+ transform: translateY(-8px) scale(0.8);
55
55
  cursor: text;
56
56
  pointer-events: none;
57
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;
@@ -19,19 +20,19 @@
19
20
 
20
21
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
21
22
  .@{ant-prefix}-select-selector {
22
- border-color: #ff6b00;
23
+ border-color: @labelFocusBorderColor;
23
24
  box-shadow: none;
24
25
  }
25
26
 
26
27
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
28
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 12px;
29
+ padding-top: 11px;
29
30
  padding-left: 4px;
30
31
  font-size: @font-size-base;
31
32
  }
32
33
 
33
34
  .@{ant-prefix}-select-selection-search {
34
- padding-top: 12px;
35
+ padding-top: 11px;
35
36
  padding-left: 2px;
36
37
  }
37
38
 
@@ -63,7 +64,7 @@
63
64
 
64
65
  &-label-scale {
65
66
  .label-select-text {
66
- transform: translateY(-8px) scale(0.715);
67
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
67
68
  cursor: text;
68
69
  pointer-events: none;
69
70
  }
@@ -40,5 +40,5 @@
40
40
  transition: all 0.2s ease-out;
41
41
  }
42
42
  .textarea-warper-focused {
43
- border-color: #ff6b00;
43
+ border-color: #000;
44
44
  }
@@ -1,4 +1,4 @@
1
- @primary-color: #ff6b00;
1
+ @import '../../style/themes/default.less';
2
2
  @color_dfe2e7: #dfe2e7;
3
3
  @color_9aa5b5: #9aa5b5;
4
4
  @color_b3b3b3: #b3b3b3;
@@ -55,5 +55,5 @@
55
55
  }
56
56
 
57
57
  .textarea-warper-focused {
58
- border-color: @primary-color;
58
+ border-color: @labelFocusBorderColor;
59
59
  }
@@ -18,7 +18,7 @@
18
18
  display: none;
19
19
  }
20
20
  .label-tree-select .ant-select-open:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
21
- border-color: #ff6b00;
21
+ border-color: #000;
22
22
  box-shadow: none;
23
23
  }
24
24
  .label-tree-select-text {
@@ -35,7 +35,7 @@
35
35
  transition: all 0.2s ease-out;
36
36
  }
37
37
  .label-tree-select-label-scale .label-tree-select-text {
38
- transform: translateY(-8px) scale(0.715);
38
+ transform: translateY(-8px) scale(0.8);
39
39
  cursor: text;
40
40
  pointer-events: none;
41
41
  }
@@ -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;
@@ -22,7 +23,7 @@
22
23
 
23
24
  .@{ant-prefix}-select-open:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
24
25
  .@{ant-prefix}-select-selector {
25
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
26
27
  box-shadow: none;
27
28
  }
28
29
 
@@ -42,7 +43,7 @@
42
43
 
43
44
  &-label-scale {
44
45
  .label-tree-select-text {
45
- transform: translateY(-8px) scale(0.715);
46
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
46
47
  cursor: text;
47
48
  pointer-events: none;
48
49
  }
@@ -0,0 +1,4 @@
1
+ @labelTextLabelScale: 0.8;
2
+ @labelTextLabeltranslateY: -8px;
3
+ @pickerInputTop: 9px;
4
+ @labelFocusBorderColor: #000;
@@ -15,7 +15,7 @@
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 {
18
- border-color: #ff6b00;
18
+ border-color: #000;
19
19
  box-shadow: none;
20
20
  }
21
21
  .label-auto-complete .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
@@ -23,7 +23,7 @@
23
23
  padding-left: 4px;
24
24
  }
25
25
  .label-auto-complete .ant-select-selection-search {
26
- padding-top: 16px;
26
+ padding-top: 17px;
27
27
  padding-left: 4px;
28
28
  }
29
29
  .label-auto-complete .ant-select-selection-search .ant-select-selection-search-input {
@@ -44,7 +44,7 @@
44
44
  transition: all 0.2s ease-out;
45
45
  }
46
46
  .label-auto-complete-label-scale .label-auto-complete-text {
47
- transform: translateY(-8px) scale(0.715);
47
+ transform: translateY(-8px) scale(0.8);
48
48
  cursor: text;
49
49
  pointer-events: none;
50
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;
@@ -19,7 +20,7 @@
19
20
 
20
21
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
21
22
  .@{ant-prefix}-select-selector {
22
- border-color: #ff6b00;
23
+ border-color: @labelFocusBorderColor;
23
24
  box-shadow: none;
24
25
  }
25
26
 
@@ -30,7 +31,7 @@
30
31
  }
31
32
 
32
33
  .@{ant-prefix}-select-selection-search {
33
- padding-top: 16px;
34
+ padding-top: 17px;
34
35
  padding-left: 4px;
35
36
 
36
37
  .ant-select-selection-search-input {
@@ -55,7 +56,7 @@
55
56
 
56
57
  &-label-scale {
57
58
  .label-auto-complete-text {
58
- transform: translateY(-8px) scale(0.715);
59
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
59
60
  cursor: text;
60
61
  pointer-events: none;
61
62
  }
@@ -16,11 +16,11 @@
16
16
  }
17
17
  .label-date-picker .ant-picker-input input {
18
18
  position: relative;
19
- top: 10px;
19
+ top: 9px;
20
20
  padding-left: 3px;
21
21
  }
22
22
  .label-date-picker .ant-picker-focused {
23
- border-color: #ff6b00;
23
+ border-color: #000;
24
24
  box-shadow: none;
25
25
  }
26
26
  .label-date-picker .ant-picker-suffix .spotecicon {
@@ -41,7 +41,7 @@
41
41
  transition: all 0.2s ease-out;
42
42
  }
43
43
  .label-date-picker-label-scale .label-date-picker-text {
44
- transform: translateY(-8px) scale(0.715);
44
+ transform: translateY(-8px) scale(0.8);
45
45
  cursor: text;
46
46
  pointer-events: none;
47
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;
@@ -17,12 +18,12 @@
17
18
 
18
19
  &-input input {
19
20
  position: relative;
20
- top: 10px;
21
+ top: @pickerInputTop;
21
22
  padding-left: 3px;
22
23
  }
23
24
 
24
25
  &-focused {
25
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
26
27
  box-shadow: none;
27
28
  }
28
29
 
@@ -48,7 +49,7 @@
48
49
 
49
50
  &-label-scale {
50
51
  .label-date-picker-text {
51
- transform: translateY(-8px) scale(0.715);
52
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
52
53
  cursor: text;
53
54
  pointer-events: none;
54
55
  }
@@ -2,7 +2,7 @@
2
2
  z-index: 1;
3
3
  width: 100%;
4
4
  height: 100%;
5
- padding: 20px 15px 2px 15px;
5
+ padding: 19px 15px 2px 15px;
6
6
  color: #263241;
7
7
  font-size: 14px;
8
8
  line-height: 16px;
@@ -11,7 +11,7 @@
11
11
  }
12
12
  .label-input:focus + label,
13
13
  .label-input:not([data-value='0']) + label {
14
- transform: translateY(-8px) scale(0.715);
14
+ transform: translateY(-8px) scale(0.8);
15
15
  }
16
16
  .label-input-control {
17
17
  position: relative;
@@ -30,7 +30,7 @@
30
30
  align-items: center;
31
31
  }
32
32
  .label-input-focused {
33
- border-color: #ff6b00;
33
+ border-color: #000;
34
34
  }
35
35
  .label-input-prefix {
36
36
  flex-shrink: 0;
@@ -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,7 +15,7 @@
13
15
  z-index: 1;
14
16
  width: 100%;
15
17
  height: 100%;
16
- padding: 20px 15px 2px 15px;
18
+ padding: 19px 15px 2px 15px;
17
19
  color: @color_263241;
18
20
  font-size: @font-size-base;
19
21
  line-height: 16px;
@@ -22,7 +24,7 @@
22
24
 
23
25
  &:focus + label,
24
26
  &:not([data-value='0']) + label {
25
- transform: translateY(-8px) scale(0.715);
27
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
26
28
  }
27
29
 
28
30
  &-control {
@@ -45,7 +47,7 @@
45
47
  }
46
48
 
47
49
  &-focused {
48
- border-color: @primary-color;
50
+ border-color: @labelFocusBorderColor;
49
51
  }
50
52
 
51
53
  &-prefix {
@@ -16,12 +16,12 @@
16
16
  }
17
17
  .label-range-picker .ant-picker-input input {
18
18
  position: relative;
19
- top: 10px;
19
+ top: 9px;
20
20
  width: 85px;
21
21
  padding-left: 3px;
22
22
  }
23
23
  .label-range-picker .ant-picker-focused {
24
- border-color: #ff6b00;
24
+ border-color: #000;
25
25
  box-shadow: none;
26
26
  }
27
27
  .label-range-picker .ant-picker-range-separator {
@@ -58,7 +58,7 @@
58
58
  opacity: 1;
59
59
  }
60
60
  .label-range-picker-label-scale .label-range-picker-text {
61
- transform: translateY(-8px) scale(0.715);
61
+ transform: translateY(-8px) scale(0.8);
62
62
  cursor: text;
63
63
  pointer-events: none;
64
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;
@@ -17,13 +18,13 @@
17
18
 
18
19
  &-input input {
19
20
  position: relative;
20
- top: 10px;
21
+ top: @pickerInputTop;
21
22
  width: 85px;
22
23
  padding-left: 3px;
23
24
  }
24
25
 
25
26
  &-focused {
26
- border-color: #ff6b00;
27
+ border-color: @labelFocusBorderColor;
27
28
  box-shadow: none;
28
29
  }
29
30
 
@@ -69,7 +70,7 @@
69
70
  }
70
71
 
71
72
  .label-range-picker-text {
72
- transform: translateY(-8px) scale(0.715);
73
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
73
74
  cursor: text;
74
75
  pointer-events: none;
75
76
  }
@@ -60,6 +60,8 @@ var useControllableValue_1 = __importDefault(require("ahooks/lib/useControllable
60
60
 
61
61
  var select_1 = __importDefault(require("antd/es/select"));
62
62
 
63
+ var lodash_1 = require("lodash");
64
+
63
65
  var classnames_1 = __importDefault(require("classnames"));
64
66
 
65
67
  var ArrowDropDownFilled_1 = __importDefault(require("a-icons/lib/ArrowDropDownFilled"));
@@ -106,7 +108,7 @@ var LabelSelect = function LabelSelect(props) {
106
108
  return react_1["default"].createElement("div", {
107
109
  className: classnames_1["default"]({
108
110
  'label-select': true,
109
- 'label-select-label-scale': open || value
111
+ 'label-select-label-scale': open || !lodash_1.isUndefined(value)
110
112
  }, className)
111
113
  }, react_1["default"].createElement(select_1["default"], __assign({}, omit_1["default"](props, ['open', 'onChange', 'className', 'label']), {
112
114
  open: open,
@@ -15,16 +15,16 @@
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 {
18
- border-color: #ff6b00;
18
+ border-color: #000;
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: 12px;
22
+ padding-top: 11px;
23
23
  padding-left: 4px;
24
24
  font-size: 14px;
25
25
  }
26
26
  .label-select .ant-select-selection-search {
27
- padding-top: 12px;
27
+ padding-top: 11px;
28
28
  padding-left: 2px;
29
29
  }
30
30
  .label-select .ant-select-arrow {
@@ -51,7 +51,7 @@
51
51
  transition: all 0.2s ease-out;
52
52
  }
53
53
  .label-select-label-scale .label-select-text {
54
- transform: translateY(-8px) scale(0.715);
54
+ transform: translateY(-8px) scale(0.8);
55
55
  cursor: text;
56
56
  pointer-events: none;
57
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;
@@ -19,19 +20,19 @@
19
20
 
20
21
  .@{ant-prefix}-select-focused:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
21
22
  .@{ant-prefix}-select-selector {
22
- border-color: #ff6b00;
23
+ border-color: @labelFocusBorderColor;
23
24
  box-shadow: none;
24
25
  }
25
26
 
26
27
  .@{ant-prefix}-select-single.@{ant-prefix}-select-show-arrow
27
28
  .@{ant-prefix}-select-selection-item {
28
- padding-top: 12px;
29
+ padding-top: 11px;
29
30
  padding-left: 4px;
30
31
  font-size: @font-size-base;
31
32
  }
32
33
 
33
34
  .@{ant-prefix}-select-selection-search {
34
- padding-top: 12px;
35
+ padding-top: 11px;
35
36
  padding-left: 2px;
36
37
  }
37
38
 
@@ -63,7 +64,7 @@
63
64
 
64
65
  &-label-scale {
65
66
  .label-select-text {
66
- transform: translateY(-8px) scale(0.715);
67
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
67
68
  cursor: text;
68
69
  pointer-events: none;
69
70
  }
@@ -40,5 +40,5 @@
40
40
  transition: all 0.2s ease-out;
41
41
  }
42
42
  .textarea-warper-focused {
43
- border-color: #ff6b00;
43
+ border-color: #000;
44
44
  }
@@ -1,4 +1,4 @@
1
- @primary-color: #ff6b00;
1
+ @import '../../style/themes/default.less';
2
2
  @color_dfe2e7: #dfe2e7;
3
3
  @color_9aa5b5: #9aa5b5;
4
4
  @color_b3b3b3: #b3b3b3;
@@ -55,5 +55,5 @@
55
55
  }
56
56
 
57
57
  .textarea-warper-focused {
58
- border-color: @primary-color;
58
+ border-color: @labelFocusBorderColor;
59
59
  }
@@ -18,7 +18,7 @@
18
18
  display: none;
19
19
  }
20
20
  .label-tree-select .ant-select-open:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
21
- border-color: #ff6b00;
21
+ border-color: #000;
22
22
  box-shadow: none;
23
23
  }
24
24
  .label-tree-select-text {
@@ -35,7 +35,7 @@
35
35
  transition: all 0.2s ease-out;
36
36
  }
37
37
  .label-tree-select-label-scale .label-tree-select-text {
38
- transform: translateY(-8px) scale(0.715);
38
+ transform: translateY(-8px) scale(0.8);
39
39
  cursor: text;
40
40
  pointer-events: none;
41
41
  }
@@ -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;
@@ -22,7 +23,7 @@
22
23
 
23
24
  .@{ant-prefix}-select-open:not(.@{ant-prefix}-select-disabled).@{ant-prefix}-select:not(.@{ant-prefix}-select-customize-input)
24
25
  .@{ant-prefix}-select-selector {
25
- border-color: #ff6b00;
26
+ border-color: @labelFocusBorderColor;
26
27
  box-shadow: none;
27
28
  }
28
29
 
@@ -42,7 +43,7 @@
42
43
 
43
44
  &-label-scale {
44
45
  .label-tree-select-text {
45
- transform: translateY(-8px) scale(0.715);
46
+ transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
46
47
  cursor: text;
47
48
  pointer-events: none;
48
49
  }
@@ -0,0 +1,4 @@
1
+ @labelTextLabelScale: 0.8;
2
+ @labelTextLabeltranslateY: -8px;
3
+ @pickerInputTop: 9px;
4
+ @labelFocusBorderColor: #000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "assui",
3
- "version": "2.0.113",
3
+ "version": "2.0.116",
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": "beb09cd10c522fa24b6354799e6bd5cd756b7aec"
72
+ "gitHead": "b901c8e5c2e404cf6d6317861e8081e4aeffbfe9"
73
73
  }