@kne/react-form-antd 4.0.2 → 4.1.0
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 +1492 -48
- package/dist/index.css +107 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +432 -142
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +421 -144
- package/dist/index.modern.js.map +1 -1
- package/package.json +3 -3
package/dist/index.css
CHANGED
|
@@ -154,4 +154,111 @@
|
|
|
154
154
|
.data_range_picker_dis .ant-picker-input input {
|
|
155
155
|
color: transparent;
|
|
156
156
|
}
|
|
157
|
+
|
|
158
|
+
.svg_box {
|
|
159
|
+
display: flex;
|
|
160
|
+
align-items: center;
|
|
161
|
+
padding: 0 8px;
|
|
162
|
+
color: rgba(0, 0, 0, 0.25);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.react-form__field-input .data_range_picker {
|
|
166
|
+
flex: 1;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.react-form--inner .svg_box, .react-form--inner--large .svg_box, .react-form--inner--small .svg_box {
|
|
170
|
+
padding: 0 4px;
|
|
171
|
+
}
|
|
172
|
+
.react-form--inner .ant-picker, .react-form--inner--large .ant-picker, .react-form--inner--small .ant-picker {
|
|
173
|
+
flex: 1;
|
|
174
|
+
width: 100%;
|
|
175
|
+
}
|
|
176
|
+
.react-form--inner .date-picker-today-container, .react-form--inner--large .date-picker-today-container, .react-form--inner--small .date-picker-today-container {
|
|
177
|
+
width: 100%;
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.date-picker-today-container {
|
|
181
|
+
position: relative;
|
|
182
|
+
display: inline-block;
|
|
183
|
+
vertical-align: top;
|
|
184
|
+
}
|
|
185
|
+
.date-picker-today-container .date-picker-today-inputs {
|
|
186
|
+
display: inline-flex;
|
|
187
|
+
align-items: center;
|
|
188
|
+
border: 1px solid #d9d9d9;
|
|
189
|
+
border-radius: 6px;
|
|
190
|
+
padding: 0 11px;
|
|
191
|
+
background: #fff;
|
|
192
|
+
transition: all 0.2s;
|
|
193
|
+
cursor: pointer;
|
|
194
|
+
}
|
|
195
|
+
.date-picker-today-container .date-picker-today-inputs:hover {
|
|
196
|
+
border-color: #4096ff;
|
|
197
|
+
}
|
|
198
|
+
.date-picker-today-container .date-picker-today-inputs:focus-within {
|
|
199
|
+
border-color: #4096ff;
|
|
200
|
+
box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);
|
|
201
|
+
}
|
|
202
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-start,
|
|
203
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-end {
|
|
204
|
+
display: flex;
|
|
205
|
+
align-items: center;
|
|
206
|
+
}
|
|
207
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input,
|
|
208
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input {
|
|
209
|
+
border: none;
|
|
210
|
+
padding: 0;
|
|
211
|
+
height: 30px;
|
|
212
|
+
cursor: pointer;
|
|
213
|
+
width: 110px;
|
|
214
|
+
outline: none;
|
|
215
|
+
background: transparent;
|
|
216
|
+
color: rgba(0, 0, 0, 0.85);
|
|
217
|
+
font-size: 14px;
|
|
218
|
+
}
|
|
219
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input::-moz-placeholder, .date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input::-moz-placeholder {
|
|
220
|
+
color: rgba(0, 0, 0, 0.25);
|
|
221
|
+
}
|
|
222
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input::placeholder,
|
|
223
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input::placeholder {
|
|
224
|
+
color: rgba(0, 0, 0, 0.25);
|
|
225
|
+
}
|
|
226
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input:focus,
|
|
227
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input:focus {
|
|
228
|
+
box-shadow: none;
|
|
229
|
+
}
|
|
230
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input.so-far-active,
|
|
231
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input.so-far-active {
|
|
232
|
+
color: rgba(0, 0, 0, 0.85);
|
|
233
|
+
font-weight: 500;
|
|
234
|
+
}
|
|
235
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-separator {
|
|
236
|
+
padding: 0 8px;
|
|
237
|
+
color: rgba(0, 0, 0, 0.25);
|
|
238
|
+
line-height: 30px;
|
|
239
|
+
}
|
|
240
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix {
|
|
241
|
+
display: flex;
|
|
242
|
+
align-items: center;
|
|
243
|
+
padding-left: 4px;
|
|
244
|
+
color: rgba(0, 0, 0, 0.25);
|
|
245
|
+
}
|
|
246
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix .date-picker-today-clear {
|
|
247
|
+
color: rgba(0, 0, 0, 0.25);
|
|
248
|
+
font-size: 12px;
|
|
249
|
+
transition: color 0.2s;
|
|
250
|
+
cursor: pointer;
|
|
251
|
+
}
|
|
252
|
+
.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix .date-picker-today-clear:hover {
|
|
253
|
+
color: rgba(0, 0, 0, 0.45);
|
|
254
|
+
}
|
|
255
|
+
.date-picker-today-container .ant-picker {
|
|
256
|
+
position: absolute;
|
|
257
|
+
top: 0;
|
|
258
|
+
left: 0;
|
|
259
|
+
width: 0 !important;
|
|
260
|
+
height: 0 !important;
|
|
261
|
+
visibility: hidden;
|
|
262
|
+
pointer-events: none;
|
|
263
|
+
}
|
|
157
264
|
/*# 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;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,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","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.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}"]}
|
|
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,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,cAAc;EACd,0BAA0B;AAC5B;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,cAAc;AAChB;AACA;EACE,OAAO;EACP,WAAW;AACb;AACA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;AACrB;AACA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,eAAe;AACjB;AACA;EACE,qBAAqB;AACvB;AACA;EACE,qBAAqB;EACrB,4CAA4C;AAC9C;AACA;;EAEE,aAAa;EACb,mBAAmB;AACrB;AACA;;EAEE,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,0BAA0B;EAC1B,eAAe;AACjB;AACA;EAEE,0BAA0B;AAC5B;AAHA;;EAEE,0BAA0B;AAC5B;AACA;;EAEE,gBAAgB;AAClB;AACA;;EAEE,0BAA0B;EAC1B,gBAAgB;AAClB;AACA;EACE,cAAc;EACd,0BAA0B;EAC1B,iBAAiB;AACnB;AACA;EACE,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,0BAA0B;AAC5B;AACA;EACE,0BAA0B;EAC1B,eAAe;EACf,sBAAsB;EACtB,eAAe;AACjB;AACA;EACE,0BAA0B;AAC5B;AACA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,oBAAoB;AACtB","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.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 padding: 0 8px;\n color: rgba(0, 0, 0, 0.25);\n}\n\n.react-form__field-input .data_range_picker {\n flex: 1;\n}\n\n.react-form--inner .svg_box, .react-form--inner--large .svg_box, .react-form--inner--small .svg_box {\n padding: 0 4px;\n}\n.react-form--inner .ant-picker, .react-form--inner--large .ant-picker, .react-form--inner--small .ant-picker {\n flex: 1;\n width: 100%;\n}\n.react-form--inner .date-picker-today-container, .react-form--inner--large .date-picker-today-container, .react-form--inner--small .date-picker-today-container {\n width: 100%;\n}\n\n.date-picker-today-container {\n position: relative;\n display: inline-block;\n vertical-align: top;\n}\n.date-picker-today-container .date-picker-today-inputs {\n display: inline-flex;\n align-items: center;\n border: 1px solid #d9d9d9;\n border-radius: 6px;\n padding: 0 11px;\n background: #fff;\n transition: all 0.2s;\n cursor: pointer;\n}\n.date-picker-today-container .date-picker-today-inputs:hover {\n border-color: #4096ff;\n}\n.date-picker-today-container .date-picker-today-inputs:focus-within {\n border-color: #4096ff;\n box-shadow: 0 0 0 2px rgba(5, 145, 255, 0.1);\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end {\n display: flex;\n align-items: center;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input {\n border: none;\n padding: 0;\n height: 30px;\n cursor: pointer;\n width: 110px;\n outline: none;\n background: transparent;\n color: rgba(0, 0, 0, 0.85);\n font-size: 14px;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input::placeholder,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input::placeholder {\n color: rgba(0, 0, 0, 0.25);\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input:focus,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input:focus {\n box-shadow: none;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-start .ant-input.so-far-active,\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-end .ant-input.so-far-active {\n color: rgba(0, 0, 0, 0.85);\n font-weight: 500;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-separator {\n padding: 0 8px;\n color: rgba(0, 0, 0, 0.25);\n line-height: 30px;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix {\n display: flex;\n align-items: center;\n padding-left: 4px;\n color: rgba(0, 0, 0, 0.25);\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix .date-picker-today-clear {\n color: rgba(0, 0, 0, 0.25);\n font-size: 12px;\n transition: color 0.2s;\n cursor: pointer;\n}\n.date-picker-today-container .date-picker-today-inputs .date-picker-today-suffix .date-picker-today-clear:hover {\n color: rgba(0, 0, 0, 0.45);\n}\n.date-picker-today-container .ant-picker {\n position: absolute;\n top: 0;\n left: 0;\n width: 0 !important;\n height: 0 !important;\n visibility: hidden;\n pointer-events: none;\n}"]}
|