@kne/react-form-antd 3.1.2 → 3.1.5
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/README.md +4 -2
- package/dist/index.css +165 -122
- package/dist/index.css.map +1 -1
- package/dist/index.js +82 -62
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +81 -60
- package/dist/index.modern.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -30,11 +30,11 @@ npm i --save @kne/react-form-antd
|
|
|
30
30
|
|
|
31
31
|
- 这里填写示例标题
|
|
32
32
|
- 这里填写示例说明
|
|
33
|
-
- reactFormAntd(@kne/
|
|
33
|
+
- reactFormAntd(@kne/current-lib),(@kne/current-lib/dist/index.css),antd(antd)
|
|
34
34
|
|
|
35
35
|
```jsx
|
|
36
36
|
const {Button} = antd;
|
|
37
|
-
const {Form, Select, Input, Group, GroupList, SubmitButton, DatePickerToday} = reactFormAntd;
|
|
37
|
+
const {Form, Select, Input, Group, GroupList, SubmitButton, DatePickerToday, Rate, Slider} = reactFormAntd;
|
|
38
38
|
const {useRef} = React;
|
|
39
39
|
|
|
40
40
|
const Example = () => {
|
|
@@ -43,6 +43,8 @@ const Example = () => {
|
|
|
43
43
|
<Select name="select" label="哈哈哈" options={[{label: 'sss', value: 1}]}/>
|
|
44
44
|
<Input name="name" label="名称" realtime rule="REQ LEN-0-4"/>
|
|
45
45
|
<Input.Password name="password" label="密码"/>
|
|
46
|
+
<Rate name="rate" label="评分"/>
|
|
47
|
+
<Slider name="slider" label="滑动条"/>
|
|
46
48
|
<br/>
|
|
47
49
|
<Group name="target">
|
|
48
50
|
<Input name="name" label="名称"/>
|
package/dist/index.css
CHANGED
|
@@ -1,106 +1,139 @@
|
|
|
1
|
-
.react-form, .react-form--
|
|
1
|
+
.react-form, .react-form--inline, .react-form--inline--small, .react-form--inline--large, .react-form--inner, .react-form--inner--small, .react-form--inner--large, .react-form--small, .react-form--large {
|
|
2
2
|
text-align: left;
|
|
3
|
-
font-size: 12px;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
3
|
+
font-size: 12px;
|
|
4
|
+
}
|
|
5
|
+
.react-form .ant-select, .react-form--inline .ant-select, .react-form--inline--small .ant-select, .react-form--inline--large .ant-select, .react-form--inner .ant-select, .react-form--inner--small .ant-select, .react-form--inner--large .ant-select, .react-form--small .ant-select, .react-form--large .ant-select {
|
|
6
|
+
width: 100%;
|
|
7
|
+
}
|
|
8
|
+
.react-form--large .react-form__field-label {
|
|
9
|
+
font-size: 14px;
|
|
10
|
+
margin-right: 20px;
|
|
11
|
+
line-height: 34px;
|
|
12
|
+
}
|
|
13
|
+
.react-form--small .react-form__field-label {
|
|
14
|
+
margin-right: 12px;
|
|
15
|
+
line-height: 24px;
|
|
16
|
+
}
|
|
17
|
+
.react-form--inner .react-form__field, .react-form--inner--small .react-form__field, .react-form--inner--large .react-form__field {
|
|
18
|
+
margin-bottom: 22px;
|
|
19
|
+
}
|
|
20
|
+
.react-form--inner .react-form__field-main, .react-form--inner--small .react-form__field-main, .react-form--inner--large .react-form__field-main {
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
}
|
|
23
|
+
.react-form--inner .react-form__field-input, .react-form--inner--small .react-form__field-input, .react-form--inner--large .react-form__field-input {
|
|
24
|
+
align-self: auto;
|
|
25
|
+
}
|
|
26
|
+
.react-form--inner .react-form__field-label, .react-form--inner--small .react-form__field-label, .react-form--inner--large .react-form__field-label {
|
|
27
|
+
font-size: 14px;
|
|
28
|
+
text-align: left;
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
margin-left: 0;
|
|
31
|
+
margin-bottom: 2px;
|
|
32
|
+
}
|
|
33
|
+
.react-form--inner--small .react-form__field-label {
|
|
34
|
+
font-size: 12px;
|
|
35
|
+
margin-bottom: 1px;
|
|
36
|
+
}
|
|
37
|
+
.react-form--inline, .react-form--inline--small, .react-form--inline--large {
|
|
38
|
+
padding: 30px 30px 6px;
|
|
39
|
+
}
|
|
40
|
+
.react-form--inline .react-form__field, .react-form--inline--small .react-form__field, .react-form--inline--large .react-form__field {
|
|
41
|
+
display: inline-block;
|
|
42
|
+
margin-right: 40px;
|
|
43
|
+
}
|
|
44
|
+
.react-form--inline .react-form__field:last-child, .react-form--inline--small .react-form__field:last-child, .react-form--inline--large .react-form__field:last-child {
|
|
45
|
+
margin-right: 0;
|
|
46
|
+
}
|
|
47
|
+
.react-form--inline .react-form__field-label, .react-form--inline--small .react-form__field-label, .react-form--inline--large .react-form__field-label {
|
|
48
|
+
min-width: auto !important;
|
|
49
|
+
padding-left: 0;
|
|
50
|
+
}
|
|
51
|
+
.react-form--inline .react-form__field-label.is-req:before, .react-form--inline--small .react-form__field-label.is-req:before, .react-form--inline--large .react-form__field-label.is-req:before {
|
|
52
|
+
position: static;
|
|
53
|
+
}
|
|
54
|
+
.react-form--inline--large .react-form__field-label {
|
|
55
|
+
font-size: 14px;
|
|
56
|
+
line-height: 34px;
|
|
57
|
+
}
|
|
58
|
+
.react-form--inline--small .react-form__field-label {
|
|
59
|
+
margin-right: 12px;
|
|
60
|
+
}
|
|
61
|
+
.react-form__field-main {
|
|
62
|
+
display: flex;
|
|
63
|
+
}
|
|
64
|
+
.react-form__field-label {
|
|
65
|
+
text-align: right;
|
|
66
|
+
margin-right: 16px;
|
|
67
|
+
line-height: 30px;
|
|
68
|
+
margin-left: 10px;
|
|
69
|
+
position: relative;
|
|
70
|
+
}
|
|
71
|
+
.react-form__field-label.is-req:before {
|
|
72
|
+
position: absolute;
|
|
73
|
+
color: #fc3333;
|
|
74
|
+
font-weight: bold;
|
|
75
|
+
content: "*";
|
|
76
|
+
margin-right: 4px;
|
|
77
|
+
transform: translateX(-10px);
|
|
78
|
+
}
|
|
79
|
+
.react-form__field-input {
|
|
80
|
+
align-self: center;
|
|
81
|
+
flex: 1;
|
|
82
|
+
position: relative;
|
|
83
|
+
}
|
|
84
|
+
.react-form__field-describable {
|
|
85
|
+
font-size: 12px;
|
|
86
|
+
color: #999999;
|
|
87
|
+
line-height: 20px;
|
|
88
|
+
}
|
|
89
|
+
.react-form__field {
|
|
90
|
+
margin-bottom: 24px;
|
|
91
|
+
transition: border-color 300ms;
|
|
92
|
+
}
|
|
93
|
+
.react-form__field.is-req-error .react-form__field-component, .react-form__field.is-error .react-form__field-component {
|
|
94
|
+
border-color: #fc3333;
|
|
95
|
+
}
|
|
96
|
+
.react-form__field.is-req-error .react-form__field-component:focus, .react-form__field.is-error .react-form__field-component:focus {
|
|
97
|
+
box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
|
|
98
|
+
}
|
|
99
|
+
.react-form__field.is-req-error .react-form__field-component .ant-select-selection, .react-form__field.is-req-error .react-form__field-component .ant-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .react-form__field.is-error .react-form__field-component .ant-select-selection, .react-form__field.is-error .react-form__field-component .ant-input, .react-form__field.is-error .react-form__field-component .ant-radio-inner {
|
|
100
|
+
border-color: #fc3333;
|
|
101
|
+
}
|
|
102
|
+
.react-form__field.is-req-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-req-error .react-form__field-component .ant-input:focus, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner:focus, .react-form__field.is-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-error .react-form__field-component .ant-input:focus, .react-form__field.is-error .react-form__field-component .ant-radio-inner:focus {
|
|
103
|
+
box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
|
|
104
|
+
}
|
|
105
|
+
.react-form__field.is-req-error .react-form__field-component .ant-upload.ant-upload-select-picture-card, .react-form__field.is-error .react-form__field-component .ant-upload.ant-upload-select-picture-card {
|
|
106
|
+
border-color: #fc3333;
|
|
107
|
+
}
|
|
108
|
+
.react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper .ant-input, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper .ant-input {
|
|
109
|
+
box-shadow: none;
|
|
110
|
+
}
|
|
111
|
+
.react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper-focused, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper-focused {
|
|
112
|
+
box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
|
|
113
|
+
}
|
|
114
|
+
.react-form__field.is-req-error .react-form__field-component.ant-select > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select > .ant-select-selector {
|
|
115
|
+
border-color: #fc3333;
|
|
116
|
+
}
|
|
117
|
+
.react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector {
|
|
118
|
+
box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
|
|
119
|
+
}
|
|
120
|
+
.react-form__field-error {
|
|
121
|
+
color: #fc3333;
|
|
122
|
+
font-size: 12px;
|
|
123
|
+
position: absolute;
|
|
124
|
+
top: calc(100% + 1px);
|
|
125
|
+
left: 0;
|
|
126
|
+
}
|
|
95
127
|
|
|
96
128
|
.react-form-modal .ant-modal-content > .ant-modal-body {
|
|
97
|
-
padding: 0;
|
|
98
|
-
|
|
129
|
+
padding: 0;
|
|
130
|
+
}
|
|
99
131
|
.react-form-modal .ant-modal-confirm-btns {
|
|
100
|
-
display: none;
|
|
101
|
-
|
|
132
|
+
display: none;
|
|
133
|
+
}
|
|
102
134
|
.react-form-modal.ant-modal-confirm .ant-modal-header, .react-form-modal.ant-modal-confirm .ant-modal-close {
|
|
103
|
-
display: block;
|
|
135
|
+
display: block;
|
|
136
|
+
}
|
|
104
137
|
|
|
105
138
|
.react-form-avatar .preview {
|
|
106
139
|
width: 85px;
|
|
@@ -108,47 +141,57 @@
|
|
|
108
141
|
overflow: hidden;
|
|
109
142
|
display: flex;
|
|
110
143
|
justify-content: center;
|
|
111
|
-
align-items: center;
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
144
|
+
align-items: center;
|
|
145
|
+
}
|
|
146
|
+
.react-form-avatar .preview img {
|
|
147
|
+
max-width: 100%;
|
|
148
|
+
max-height: 100%;
|
|
149
|
+
}
|
|
115
150
|
|
|
116
151
|
.data_range_picker {
|
|
117
152
|
color: rgba(0, 0, 0, 0.85);
|
|
118
|
-
position: relative;
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
153
|
+
position: relative;
|
|
154
|
+
}
|
|
155
|
+
.data_range_picker .zhijin {
|
|
156
|
+
position: absolute;
|
|
157
|
+
line-height: 31px;
|
|
158
|
+
font-size: 14px;
|
|
159
|
+
color: rgba(0, 0, 0, 0.85);
|
|
160
|
+
margin-left: 12px;
|
|
161
|
+
pointer-events: auto;
|
|
162
|
+
}
|
|
163
|
+
.data_range_picker .zhijin_show {
|
|
164
|
+
z-index: 9;
|
|
165
|
+
}
|
|
128
166
|
|
|
129
167
|
.data_range_picker_dis .ant-picker-input input {
|
|
130
|
-
color: transparent;
|
|
168
|
+
color: transparent;
|
|
169
|
+
}
|
|
131
170
|
|
|
132
171
|
.svg_box {
|
|
133
172
|
display: flex;
|
|
134
173
|
align-items: center;
|
|
135
174
|
color: rgba(0, 0, 0, 0.5);
|
|
136
|
-
margin: 0 4px;
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
175
|
+
margin: 0 4px;
|
|
176
|
+
}
|
|
177
|
+
.svg_box svg {
|
|
178
|
+
width: 16px;
|
|
179
|
+
height: 16px;
|
|
180
|
+
}
|
|
140
181
|
|
|
141
182
|
.react-form-avatar-btn {
|
|
142
183
|
cursor: pointer;
|
|
143
184
|
padding: 5px;
|
|
144
185
|
box-sizing: content-box;
|
|
145
|
-
border-radius: 2px;
|
|
146
|
-
|
|
147
|
-
|
|
186
|
+
border-radius: 2px;
|
|
187
|
+
}
|
|
188
|
+
.react-form-avatar-btn:hover {
|
|
189
|
+
background: #F8F8F8;
|
|
190
|
+
}
|
|
148
191
|
|
|
149
192
|
.react-form-avatar-tips {
|
|
150
193
|
margin-bottom: 14px;
|
|
151
194
|
color: #999;
|
|
152
|
-
font-size: 12px;
|
|
153
|
-
|
|
195
|
+
font-size: 12px;
|
|
196
|
+
}
|
|
154
197
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe
|
|
1
|
+
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA;EACE,gBAAgB;EAChB,eAAe;AACjB;AACA;EACE,WAAW;AACb;AACA;EACE,eAAe;EACf,kBAAkB;EAClB,iBAAiB;AACnB;AACA;EACE,kBAAkB;EAClB,iBAAiB;AACnB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,cAAc;EACd,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,kBAAkB;AACpB;AACA;EACE,sBAAsB;AACxB;AACA;EACE,qBAAqB;EACrB,kBAAkB;AACpB;AACA;EACE,eAAe;AACjB;AACA;EACE,0BAA0B;EAC1B,eAAe;AACjB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,eAAe;EACf,iBAAiB;AACnB;AACA;EACE,kBAAkB;AACpB;AACA;EACE,aAAa;AACf;AACA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,iBAAiB;EACjB,YAAY;EACZ,iBAAiB;EACjB,4BAA4B;AAC9B;AACA;EACE,kBAAkB;EAClB,OAAO;EACP,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,cAAc;EACd,iBAAiB;AACnB;AACA;EACE,mBAAmB;EACnB,8BAA8B;AAChC;AACA;EACE,qBAAqB;AACvB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,qBAAqB;AACvB;AACA;EACE,4CAA4C;AAC9C;AACA;EACE,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,qBAAqB;EACrB,OAAO;AACT;;AAEA;EACE,UAAU;AACZ;AACA;EACE,aAAa;AACf;AACA;EACE,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;AACpB;AACA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,0BAA0B;EAC1B,iBAAiB;EACjB,oBAAoB;AACtB;AACA;EACE,UAAU;AACZ;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,aAAa;AACf;AACA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,eAAe;EACf,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;AACpB;AACA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,WAAW;EACX,eAAe;AACjB","file":"index.css","sourcesContent":[".react-form, .react-form--inline, .react-form--inline--small, .react-form--inline--large, .react-form--inner, .react-form--inner--small, .react-form--inner--large, .react-form--small, .react-form--large {\n text-align: left;\n font-size: 12px;\n}\n.react-form .ant-select, .react-form--inline .ant-select, .react-form--inline--small .ant-select, .react-form--inline--large .ant-select, .react-form--inner .ant-select, .react-form--inner--small .ant-select, .react-form--inner--large .ant-select, .react-form--small .ant-select, .react-form--large .ant-select {\n width: 100%;\n}\n.react-form--large .react-form__field-label {\n font-size: 14px;\n margin-right: 20px;\n line-height: 34px;\n}\n.react-form--small .react-form__field-label {\n margin-right: 12px;\n line-height: 24px;\n}\n.react-form--inner .react-form__field, .react-form--inner--small .react-form__field, .react-form--inner--large .react-form__field {\n margin-bottom: 22px;\n}\n.react-form--inner .react-form__field-main, .react-form--inner--small .react-form__field-main, .react-form--inner--large .react-form__field-main {\n flex-direction: column;\n}\n.react-form--inner .react-form__field-input, .react-form--inner--small .react-form__field-input, .react-form--inner--large .react-form__field-input {\n align-self: auto;\n}\n.react-form--inner .react-form__field-label, .react-form--inner--small .react-form__field-label, .react-form--inner--large .react-form__field-label {\n font-size: 14px;\n text-align: left;\n font-weight: bold;\n margin-left: 0;\n margin-bottom: 2px;\n}\n.react-form--inner--small .react-form__field-label {\n font-size: 12px;\n margin-bottom: 1px;\n}\n.react-form--inline, .react-form--inline--small, .react-form--inline--large {\n padding: 30px 30px 6px;\n}\n.react-form--inline .react-form__field, .react-form--inline--small .react-form__field, .react-form--inline--large .react-form__field {\n display: inline-block;\n margin-right: 40px;\n}\n.react-form--inline .react-form__field:last-child, .react-form--inline--small .react-form__field:last-child, .react-form--inline--large .react-form__field:last-child {\n margin-right: 0;\n}\n.react-form--inline .react-form__field-label, .react-form--inline--small .react-form__field-label, .react-form--inline--large .react-form__field-label {\n min-width: auto !important;\n padding-left: 0;\n}\n.react-form--inline .react-form__field-label.is-req:before, .react-form--inline--small .react-form__field-label.is-req:before, .react-form--inline--large .react-form__field-label.is-req:before {\n position: static;\n}\n.react-form--inline--large .react-form__field-label {\n font-size: 14px;\n line-height: 34px;\n}\n.react-form--inline--small .react-form__field-label {\n margin-right: 12px;\n}\n.react-form__field-main {\n display: flex;\n}\n.react-form__field-label {\n text-align: right;\n margin-right: 16px;\n line-height: 30px;\n margin-left: 10px;\n position: relative;\n}\n.react-form__field-label.is-req:before {\n position: absolute;\n color: #fc3333;\n font-weight: bold;\n content: \"*\";\n margin-right: 4px;\n transform: translateX(-10px);\n}\n.react-form__field-input {\n align-self: center;\n flex: 1;\n position: relative;\n}\n.react-form__field-describable {\n font-size: 12px;\n color: #999999;\n line-height: 20px;\n}\n.react-form__field {\n margin-bottom: 24px;\n transition: border-color 300ms;\n}\n.react-form__field.is-req-error .react-form__field-component, .react-form__field.is-error .react-form__field-component {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component:focus, .react-form__field.is-error .react-form__field-component:focus {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field.is-req-error .react-form__field-component .ant-select-selection, .react-form__field.is-req-error .react-form__field-component .ant-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .react-form__field.is-error .react-form__field-component .ant-select-selection, .react-form__field.is-error .react-form__field-component .ant-input, .react-form__field.is-error .react-form__field-component .ant-radio-inner {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-req-error .react-form__field-component .ant-input:focus, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner:focus, .react-form__field.is-error .react-form__field-component .ant-select-selection:focus, .react-form__field.is-error .react-form__field-component .ant-input:focus, .react-form__field.is-error .react-form__field-component .ant-radio-inner:focus {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field.is-req-error .react-form__field-component .ant-upload.ant-upload-select-picture-card, .react-form__field.is-error .react-form__field-component .ant-upload.ant-upload-select-picture-card {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper .ant-input, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper .ant-input {\n box-shadow: none;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-input-affix-wrapper-focused, .react-form__field.is-error .react-form__field-component.ant-input-affix-wrapper-focused {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field.is-req-error .react-form__field-component.ant-select > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select > .ant-select-selector {\n border-color: #fc3333;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused > .ant-select-selector {\n box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);\n}\n.react-form__field-error {\n color: #fc3333;\n font-size: 12px;\n position: absolute;\n top: calc(100% + 1px);\n left: 0;\n}\n\n.react-form-modal .ant-modal-content > .ant-modal-body {\n padding: 0;\n}\n.react-form-modal .ant-modal-confirm-btns {\n display: none;\n}\n.react-form-modal.ant-modal-confirm .ant-modal-header, .react-form-modal.ant-modal-confirm .ant-modal-close {\n display: block;\n}\n\n.react-form-avatar .preview {\n width: 85px;\n height: 85px;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.react-form-avatar .preview img {\n max-width: 100%;\n max-height: 100%;\n}\n\n.data_range_picker {\n color: rgba(0, 0, 0, 0.85);\n position: relative;\n}\n.data_range_picker .zhijin {\n position: absolute;\n line-height: 31px;\n font-size: 14px;\n color: rgba(0, 0, 0, 0.85);\n margin-left: 12px;\n pointer-events: auto;\n}\n.data_range_picker .zhijin_show {\n z-index: 9;\n}\n\n.data_range_picker_dis .ant-picker-input input {\n color: transparent;\n}\n\n.svg_box {\n display: flex;\n align-items: center;\n color: rgba(0, 0, 0, 0.5);\n margin: 0 4px;\n}\n.svg_box svg {\n width: 16px;\n height: 16px;\n}\n\n.react-form-avatar-btn {\n cursor: pointer;\n padding: 5px;\n box-sizing: content-box;\n border-radius: 2px;\n}\n.react-form-avatar-btn:hover {\n background: #F8F8F8;\n}\n\n.react-form-avatar-tips {\n margin-bottom: 14px;\n color: #999;\n font-size: 12px;\n}"]}
|