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.
- package/es/label-auto-complete/style/index.css +3 -3
- package/es/label-auto-complete/style/index.less +4 -3
- package/es/label-date-picker/style/index.css +3 -3
- package/es/label-date-picker/style/index.less +4 -3
- package/es/label-input/style/index.css +3 -3
- package/es/label-input/style/index.less +5 -3
- package/es/label-range-picker/style/index.css +3 -3
- package/es/label-range-picker/style/index.less +4 -3
- package/es/label-select/index.js +2 -1
- package/es/label-select/style/index.css +4 -4
- package/es/label-select/style/index.less +5 -4
- package/es/label-text-area/style/index.css +1 -1
- package/es/label-text-area/style/index.less +2 -2
- package/es/label-tree-select/style/index.css +2 -2
- package/es/label-tree-select/style/index.less +3 -2
- package/es/style/themes/default.less +4 -0
- package/lib/label-auto-complete/style/index.css +3 -3
- package/lib/label-auto-complete/style/index.less +4 -3
- package/lib/label-date-picker/style/index.css +3 -3
- package/lib/label-date-picker/style/index.less +4 -3
- package/lib/label-input/style/index.css +3 -3
- package/lib/label-input/style/index.less +5 -3
- package/lib/label-range-picker/style/index.css +3 -3
- package/lib/label-range-picker/style/index.less +4 -3
- package/lib/label-select/index.js +3 -1
- package/lib/label-select/style/index.css +4 -4
- package/lib/label-select/style/index.less +5 -4
- package/lib/label-text-area/style/index.css +1 -1
- package/lib/label-text-area/style/index.less +2 -2
- package/lib/label-tree-select/style/index.css +2 -2
- package/lib/label-tree-select/style/index.less +3 -2
- package/lib/style/themes/default.less +4 -0
- 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: #
|
|
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:
|
|
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.
|
|
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:
|
|
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:
|
|
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(
|
|
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:
|
|
19
|
+
top: 9px;
|
|
20
20
|
padding-left: 3px;
|
|
21
21
|
}
|
|
22
22
|
.label-date-picker .ant-picker-focused {
|
|
23
|
-
border-color: #
|
|
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.
|
|
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:
|
|
21
|
+
top: @pickerInputTop;
|
|
21
22
|
padding-left: 3px;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
&-focused {
|
|
25
|
-
border-color:
|
|
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(
|
|
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:
|
|
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.
|
|
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: #
|
|
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:
|
|
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(
|
|
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: @
|
|
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:
|
|
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: #
|
|
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.
|
|
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:
|
|
21
|
+
top: @pickerInputTop;
|
|
21
22
|
width: 85px;
|
|
22
23
|
padding-left: 3px;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
&-focused {
|
|
26
|
-
border-color:
|
|
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(
|
|
73
|
+
transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
|
|
73
74
|
cursor: text;
|
|
74
75
|
pointer-events: none;
|
|
75
76
|
}
|
package/es/label-select/index.js
CHANGED
|
@@ -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: #
|
|
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:
|
|
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:
|
|
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.
|
|
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:
|
|
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:
|
|
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:
|
|
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(
|
|
67
|
+
transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
|
|
67
68
|
cursor: text;
|
|
68
69
|
pointer-events: none;
|
|
69
70
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@
|
|
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: @
|
|
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: #
|
|
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.
|
|
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:
|
|
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(
|
|
46
|
+
transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
|
|
46
47
|
cursor: text;
|
|
47
48
|
pointer-events: none;
|
|
48
49
|
}
|
|
@@ -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: #
|
|
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:
|
|
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.
|
|
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:
|
|
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:
|
|
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(
|
|
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:
|
|
19
|
+
top: 9px;
|
|
20
20
|
padding-left: 3px;
|
|
21
21
|
}
|
|
22
22
|
.label-date-picker .ant-picker-focused {
|
|
23
|
-
border-color: #
|
|
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.
|
|
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:
|
|
21
|
+
top: @pickerInputTop;
|
|
21
22
|
padding-left: 3px;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
&-focused {
|
|
25
|
-
border-color:
|
|
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(
|
|
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:
|
|
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.
|
|
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: #
|
|
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:
|
|
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(
|
|
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: @
|
|
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:
|
|
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: #
|
|
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.
|
|
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:
|
|
21
|
+
top: @pickerInputTop;
|
|
21
22
|
width: 85px;
|
|
22
23
|
padding-left: 3px;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
&-focused {
|
|
26
|
-
border-color:
|
|
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(
|
|
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: #
|
|
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:
|
|
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:
|
|
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.
|
|
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:
|
|
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:
|
|
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:
|
|
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(
|
|
67
|
+
transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
|
|
67
68
|
cursor: text;
|
|
68
69
|
pointer-events: none;
|
|
69
70
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@
|
|
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: @
|
|
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: #
|
|
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.
|
|
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:
|
|
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(
|
|
46
|
+
transform: translateY(@labelTextLabeltranslateY) scale(@labelTextLabelScale);
|
|
46
47
|
cursor: text;
|
|
47
48
|
pointer-events: none;
|
|
48
49
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "assui",
|
|
3
|
-
"version": "2.0.
|
|
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.
|
|
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": "
|
|
72
|
+
"gitHead": "b901c8e5c2e404cf6d6317861e8081e4aeffbfe9"
|
|
73
73
|
}
|