@kne/react-form-antd 4.1.7 → 4.1.8
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/dist/index.css +173 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +22 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +22 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -342,6 +342,155 @@
|
|
|
342
342
|
--ant-select-font-size: 16px;
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
|
+
.kne-responsive-boundary {
|
|
346
|
+
position: relative;
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
.kne-responsive-scroll {
|
|
350
|
+
overflow: auto;
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
:root {
|
|
354
|
+
--kne-viewport-width: 100vw;
|
|
355
|
+
--kne-viewport-height: 100dvh;
|
|
356
|
+
--kne-viewport-inline-size: 100vw;
|
|
357
|
+
--kne-viewport-block-size: 100dvh;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
.kne-responsive-boundary {
|
|
361
|
+
--kne-viewport-width: 100vw;
|
|
362
|
+
--kne-viewport-height: 100dvh;
|
|
363
|
+
--kne-viewport-inline-size: 100vw;
|
|
364
|
+
--kne-viewport-block-size: 100dvh;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
.react-form.is-mobile {
|
|
368
|
+
--react-form-choice-label-height: 30px;
|
|
369
|
+
--react-form-choice-offset: calc((var(--react-form-choice-label-height) - 44px) / 2);
|
|
370
|
+
--react-form-choice-button-offset: calc((var(--react-form-choice-label-height) - 40px) / 2);
|
|
371
|
+
}
|
|
372
|
+
.react-form.is-mobile.react-form--small {
|
|
373
|
+
--react-form-choice-label-height: 24px;
|
|
374
|
+
}
|
|
375
|
+
.react-form.is-mobile.react-form--large, .react-form.is-mobile.react-form--inline--large {
|
|
376
|
+
--react-form-choice-label-height: 34px;
|
|
377
|
+
}
|
|
378
|
+
.react-form.is-mobile[class*=react-form--inner] {
|
|
379
|
+
--react-form-choice-offset: 0px;
|
|
380
|
+
--react-form-choice-button-offset: 0px;
|
|
381
|
+
}
|
|
382
|
+
.react-form.is-mobile .react-form__field-input > .ant-checkbox-wrapper {
|
|
383
|
+
margin-block: var(--react-form-choice-offset);
|
|
384
|
+
}
|
|
385
|
+
.react-form.is-mobile .react-form__field-input > .ant-checkbox-group > .ant-checkbox-wrapper:first-child,
|
|
386
|
+
.react-form.is-mobile .react-form__field-input > .ant-radio-group > .ant-radio-wrapper:first-child {
|
|
387
|
+
margin-top: var(--react-form-choice-offset);
|
|
388
|
+
}
|
|
389
|
+
.react-form.is-mobile .react-form__field-input > .ant-checkbox-group > .ant-checkbox-wrapper:last-child,
|
|
390
|
+
.react-form.is-mobile .react-form__field-input > .ant-radio-group > .ant-radio-wrapper:last-child {
|
|
391
|
+
margin-bottom: var(--react-form-choice-offset);
|
|
392
|
+
}
|
|
393
|
+
.react-form.is-mobile .react-form__field-input > .ant-radio-group > .ant-radio-button-wrapper {
|
|
394
|
+
margin-block: var(--react-form-choice-button-offset);
|
|
395
|
+
}
|
|
396
|
+
.react-form.is-mobile .ant-checkbox-wrapper,
|
|
397
|
+
.react-form.is-mobile .ant-radio-wrapper {
|
|
398
|
+
--ant-control-interactive-size: 20px;
|
|
399
|
+
--ant-radio-radio-size: 20;
|
|
400
|
+
--ant-radio-dot-size: 10;
|
|
401
|
+
align-items: center;
|
|
402
|
+
min-height: 44px;
|
|
403
|
+
margin-inline: 0;
|
|
404
|
+
}
|
|
405
|
+
.react-form.is-mobile .ant-checkbox-group,
|
|
406
|
+
.react-form.is-mobile .ant-radio-group {
|
|
407
|
+
display: flex;
|
|
408
|
+
flex-wrap: wrap;
|
|
409
|
+
width: 100%;
|
|
410
|
+
-moz-column-gap: 0;
|
|
411
|
+
column-gap: 0;
|
|
412
|
+
}
|
|
413
|
+
.react-form.is-mobile .ant-checkbox-group > .ant-checkbox-wrapper,
|
|
414
|
+
.react-form.is-mobile .ant-radio-group > .ant-radio-wrapper {
|
|
415
|
+
flex: 0 0 100%;
|
|
416
|
+
}
|
|
417
|
+
.react-form.is-mobile .ant-radio-group > .ant-radio-button-wrapper {
|
|
418
|
+
flex: 1 1 0;
|
|
419
|
+
min-width: 0;
|
|
420
|
+
height: 40px;
|
|
421
|
+
line-height: 38px;
|
|
422
|
+
padding-inline: 8px;
|
|
423
|
+
font-size: 16px;
|
|
424
|
+
text-align: center;
|
|
425
|
+
white-space: nowrap;
|
|
426
|
+
overflow: hidden;
|
|
427
|
+
text-overflow: ellipsis;
|
|
428
|
+
}
|
|
429
|
+
|
|
430
|
+
@container kne-responsive (max-width: 768px) {
|
|
431
|
+
.react-form {
|
|
432
|
+
--react-form-choice-label-height: 30px;
|
|
433
|
+
--react-form-choice-offset: calc((var(--react-form-choice-label-height) - 44px) / 2);
|
|
434
|
+
--react-form-choice-button-offset: calc((var(--react-form-choice-label-height) - 40px) / 2);
|
|
435
|
+
}
|
|
436
|
+
.react-form.react-form--small {
|
|
437
|
+
--react-form-choice-label-height: 24px;
|
|
438
|
+
}
|
|
439
|
+
.react-form.react-form--large, .react-form.react-form--inline--large {
|
|
440
|
+
--react-form-choice-label-height: 34px;
|
|
441
|
+
}
|
|
442
|
+
.react-form[class*=react-form--inner] {
|
|
443
|
+
--react-form-choice-offset: 0px;
|
|
444
|
+
--react-form-choice-button-offset: 0px;
|
|
445
|
+
}
|
|
446
|
+
.react-form .react-form__field-input > .ant-checkbox-wrapper {
|
|
447
|
+
margin-block: var(--react-form-choice-offset);
|
|
448
|
+
}
|
|
449
|
+
.react-form .react-form__field-input > .ant-checkbox-group > .ant-checkbox-wrapper:first-child,
|
|
450
|
+
.react-form .react-form__field-input > .ant-radio-group > .ant-radio-wrapper:first-child {
|
|
451
|
+
margin-top: var(--react-form-choice-offset);
|
|
452
|
+
}
|
|
453
|
+
.react-form .react-form__field-input > .ant-checkbox-group > .ant-checkbox-wrapper:last-child,
|
|
454
|
+
.react-form .react-form__field-input > .ant-radio-group > .ant-radio-wrapper:last-child {
|
|
455
|
+
margin-bottom: var(--react-form-choice-offset);
|
|
456
|
+
}
|
|
457
|
+
.react-form .react-form__field-input > .ant-radio-group > .ant-radio-button-wrapper {
|
|
458
|
+
margin-block: var(--react-form-choice-button-offset);
|
|
459
|
+
}
|
|
460
|
+
.react-form .ant-checkbox-wrapper,
|
|
461
|
+
.react-form .ant-radio-wrapper {
|
|
462
|
+
--ant-control-interactive-size: 20px;
|
|
463
|
+
--ant-radio-radio-size: 20;
|
|
464
|
+
--ant-radio-dot-size: 10;
|
|
465
|
+
align-items: center;
|
|
466
|
+
min-height: 44px;
|
|
467
|
+
margin-inline: 0;
|
|
468
|
+
}
|
|
469
|
+
.react-form .ant-checkbox-group,
|
|
470
|
+
.react-form .ant-radio-group {
|
|
471
|
+
display: flex;
|
|
472
|
+
flex-wrap: wrap;
|
|
473
|
+
width: 100%;
|
|
474
|
+
-moz-column-gap: 0;
|
|
475
|
+
column-gap: 0;
|
|
476
|
+
}
|
|
477
|
+
.react-form .ant-checkbox-group > .ant-checkbox-wrapper,
|
|
478
|
+
.react-form .ant-radio-group > .ant-radio-wrapper {
|
|
479
|
+
flex: 0 0 100%;
|
|
480
|
+
}
|
|
481
|
+
.react-form .ant-radio-group > .ant-radio-button-wrapper {
|
|
482
|
+
flex: 1 1 0;
|
|
483
|
+
min-width: 0;
|
|
484
|
+
height: 40px;
|
|
485
|
+
line-height: 38px;
|
|
486
|
+
padding-inline: 8px;
|
|
487
|
+
font-size: 16px;
|
|
488
|
+
text-align: center;
|
|
489
|
+
white-space: nowrap;
|
|
490
|
+
overflow: hidden;
|
|
491
|
+
text-overflow: ellipsis;
|
|
492
|
+
}
|
|
493
|
+
}
|
|
345
494
|
@keyframes react-form-antd-mobile-expand-down {
|
|
346
495
|
from {
|
|
347
496
|
max-height: 0;
|
|
@@ -677,4 +826,28 @@
|
|
|
677
826
|
pointer-events: none !important;
|
|
678
827
|
animation: react-form-antd-mobile-collapse-up 120ms ease-out both !important;
|
|
679
828
|
}
|
|
829
|
+
.react-form-antd-mobile-stepper.ant-input-number {
|
|
830
|
+
width: 100%;
|
|
831
|
+
}
|
|
832
|
+
.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-lg {
|
|
833
|
+
border-radius: var(--ant-border-radius-lg, 8px);
|
|
834
|
+
}
|
|
835
|
+
.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner {
|
|
836
|
+
overflow: hidden;
|
|
837
|
+
}
|
|
838
|
+
.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner .ant-input-number-action {
|
|
839
|
+
display: flex;
|
|
840
|
+
align-items: center;
|
|
841
|
+
justify-content: center;
|
|
842
|
+
align-self: stretch;
|
|
843
|
+
width: calc(1em * var(--ant-line-height, 1.5714) + 2 * var(--ant-input-number-input-padding-block, 4px));
|
|
844
|
+
padding-inline: 0;
|
|
845
|
+
font-size: inherit;
|
|
846
|
+
}
|
|
847
|
+
.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner .ant-input-number-action .anticon {
|
|
848
|
+
font-size: 14px;
|
|
849
|
+
}
|
|
850
|
+
.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner.ant-input-number-lg .ant-input-number-action {
|
|
851
|
+
width: calc(1em * var(--ant-line-height-lg, 1.5) + 2 * var(--ant-input-number-input-padding-block, 7px));
|
|
852
|
+
}
|
|
680
853
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.scss","style.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,iBA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","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}","@keyframes react-form-antd-mobile-expand-down {\n from {\n max-height: 0;\n }\n to {\n max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n }\n}\n@keyframes react-form-antd-mobile-collapse-up {\n from {\n max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n opacity: 1;\n }\n to {\n max-height: 0;\n opacity: 0;\n }\n}\n@keyframes react-form-antd-mobile-mask-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes react-form-antd-mobile-mask-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n.react-form-antd-mobile-anchor {\n display: contents;\n}\n\n.react-form-antd-mobile-anchor.is-mobile .ant-select,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-input,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-placeholder,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-content,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-content-value,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-selection-search-input,\n.react-form-antd-mobile-anchor.is-mobile .ant-picker-input > input,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-selection-item,\n.react-form-antd-mobile-anchor.is-mobile .ant-select-selection-placeholder {\n font-size: 16px !important;\n}\n.react-form-antd-mobile-anchor.is-mobile .ant-select {\n --ant-select-font-size: 16px;\n}\n\n.react-form-antd-mobile-mask {\n left: 0;\n right: 0;\n background: rgba(0, 0, 0, 0.45);\n animation: react-form-antd-mobile-mask-in 180ms ease-out both;\n}\n.react-form-antd-mobile-mask.kne-is-viewport {\n position: fixed;\n}\n.react-form-antd-mobile-mask.kne-is-boundary {\n position: absolute;\n width: 100%;\n}\n.react-form-antd-mobile-mask.is-leave {\n animation: react-form-antd-mobile-mask-out 180ms ease-out both;\n}\n\n.react-form-antd-mobile-popup {\n left: 0 !important;\n right: auto !important;\n top: var(--react-form-antd-mobile-popup-top) !important;\n width: var(--kne-viewport-width, 100vw);\n max-width: var(--kne-viewport-width, 100vw);\n max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n overflow: hidden;\n background: #fff;\n border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;\n animation: react-form-antd-mobile-expand-down 180ms ease-out both;\n}\n.react-form-antd-mobile-popup.kne-is-viewport {\n position: fixed !important;\n width: var(--kne-viewport-width, 100vw) !important;\n max-width: var(--kne-viewport-width, 100vw) !important;\n min-width: var(--kne-viewport-width, 100vw) !important;\n}\n.react-form-antd-mobile-popup.kne-is-boundary {\n position: absolute !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n}\n.react-form-antd-mobile-popup.ant-slide-up-enter, .react-form-antd-mobile-popup.ant-slide-up-appear, .react-form-antd-mobile-popup.ant-slide-up-enter-active, .react-form-antd-mobile-popup.ant-slide-up-appear-active, .react-form-antd-mobile-popup.ant-slide-up-leave, .react-form-antd-mobile-popup.ant-slide-up-leave-active {\n transform: none !important;\n transition: none !important;\n}\n.react-form-antd-mobile-popup .ant-select-dropdown,\n.react-form-antd-mobile-popup .ant-cascader-dropdown,\n.react-form-antd-mobile-popup .ant-tree-select-dropdown {\n border-radius: 0 0 var(--radius-default, 2px) var(--radius-default, 2px) !important;\n}\n.react-form-antd-mobile-popup .ant-picker-panel-container,\n.react-form-antd-mobile-popup .ant-picker-panels,\n.react-form-antd-mobile-popup .ant-select-item-option-content,\n.react-form-antd-mobile-popup .ant-cascader-menus {\n max-width: 100%;\n}\n.react-form-antd-mobile-popup .ant-select-dropdown,\n.react-form-antd-mobile-popup .ant-cascader-menus,\n.react-form-antd-mobile-popup .ant-select-tree {\n overflow: auto;\n max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n}\n.react-form-antd-mobile-popup .ant-select-item {\n min-height: 44px;\n align-items: center;\n}\n.react-form-antd-mobile-popup .ant-select-item-option-content,\n.react-form-antd-mobile-popup .ant-cascader-menu-item-content {\n white-space: normal;\n}\n.react-form-antd-mobile-popup .ant-cascader-menu-item,\n.react-form-antd-mobile-popup .ant-select-tree-node-content-wrapper {\n min-height: 44px;\n display: flex;\n align-items: center;\n}\n.react-form-antd-mobile-popup .ant-picker-range-arrow {\n display: none !important;\n}\n\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range) {\n clip-path: inset(0 -40px -40px -40px);\n}\n\n.react-form-antd-mobile-popup.is-above:not(.is-picker):not(.is-range) {\n top: auto !important;\n bottom: var(--react-form-antd-mobile-popup-bottom) !important;\n border-radius: var(--radius-default, 2px) var(--radius-default, 2px) 0 0 !important;\n transform: none !important;\n animation: none !important;\n clip-path: inset(-40px -40px 0 -40px);\n}\n\n.react-form-antd-mobile-popup.is-picker,\n.react-form-antd-mobile-popup.is-range {\n overflow: visible;\n background: transparent;\n animation: none;\n border-radius: 0 !important;\n}\n.react-form-antd-mobile-popup.is-picker.is-above,\n.react-form-antd-mobile-popup.is-range.is-above {\n top: auto !important;\n bottom: var(--react-form-antd-mobile-popup-bottom) !important;\n margin-bottom: 0 !important;\n padding-bottom: 0 !important;\n transform: none !important;\n}\n.react-form-antd-mobile-popup.is-picker.is-above .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range.is-above .ant-picker-panel-container {\n margin: 0 !important;\n border-radius: var(--ant-border-radius-lg, 8px) var(--ant-border-radius-lg, 8px) 0 0 !important;\n clip-path: inset(-40px -40px 0 -40px);\n}\n.react-form-antd-mobile-popup.is-picker:not(.is-above) .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range:not(.is-above) .ant-picker-panel-container {\n margin: 0 !important;\n border-radius: 0 0 var(--ant-border-radius-lg, 8px) var(--ant-border-radius-lg, 8px) !important;\n clip-path: inset(0 -40px -40px -40px);\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-footer,\n.react-form-antd-mobile-popup.is-picker .ant-picker-header,\n.react-form-antd-mobile-popup.is-picker .ant-picker-body,\n.react-form-antd-mobile-popup.is-picker .ant-picker-content,\n.react-form-antd-mobile-popup.is-picker .ant-picker-date-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-week-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-month-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-quarter-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-year-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-decade-panel,\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-footer,\n.react-form-antd-mobile-popup.is-range .ant-picker-header,\n.react-form-antd-mobile-popup.is-range .ant-picker-body,\n.react-form-antd-mobile-popup.is-range .ant-picker-content,\n.react-form-antd-mobile-popup.is-range .ant-picker-date-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-week-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-month-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-quarter-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-year-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-decade-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel {\n width: 100%;\n min-width: 0;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-content,\n.react-form-antd-mobile-popup.is-range .ant-picker-content {\n table-layout: fixed;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-container {\n display: block !important;\n overflow: visible;\n max-height: none;\n width: 100% !important;\n min-width: 100% !important;\n background: #fff !important;\n box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-layout {\n max-height: var(--react-form-antd-mobile-popup-height, 100vh);\n overflow: auto;\n width: 100%;\n}\n.react-form-antd-mobile-popup.is-picker:has(.ant-picker-time-panel),\n.react-form-antd-mobile-popup.is-range:has(.ant-picker-time-panel) {\n background: #fff !important;\n overflow: hidden;\n}\n.react-form-antd-mobile-popup.is-picker:has(.ant-picker-time-panel) .ant-picker-panel-container,\n.react-form-antd-mobile-popup.is-range:has(.ant-picker-time-panel) .ant-picker-panel-container {\n clip-path: none !important;\n box-shadow: none !important;\n border-radius: inherit !important;\n display: flex !important;\n flex-direction: column !important;\n}\n.react-form-antd-mobile-popup.is-picker:has(.ant-picker-time-panel) .ant-picker-panel-layout,\n.react-form-antd-mobile-popup.is-range:has(.ant-picker-time-panel) .ant-picker-panel-layout {\n display: flex !important;\n flex-direction: column !important;\n align-items: stretch !important;\n width: 100% !important;\n flex: 1 1 auto !important;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel {\n display: flex !important;\n flex-direction: column !important;\n flex: 1 1 auto !important;\n align-self: stretch !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 100% !important;\n background: #fff;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel .ant-picker-content,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel .ant-picker-content {\n display: flex !important;\n flex: 1 1 auto !important;\n width: 100% !important;\n max-width: 100% !important;\n min-width: 0 !important;\n height: min(280px, var(--react-form-antd-mobile-popup-height, 50vh) - 56px);\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column {\n flex: 1 1 0 !important;\n width: auto !important;\n min-width: 0 !important;\n max-width: none !important;\n margin: 0 !important;\n text-align: center;\n overflow-y: auto !important;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column > li.ant-picker-time-panel-cell,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column > li.ant-picker-time-panel-cell {\n margin-inline: 4px;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {\n width: 100% !important;\n max-width: none !important;\n min-height: 44px;\n height: 44px !important;\n line-height: 44px !important;\n padding-inline: 0 !important;\n text-align: center;\n border-radius: 6px;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-time-panel-column > li.ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,\n.react-form-antd-mobile-popup.is-range .ant-picker-time-panel-column > li.ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {\n background: rgba(0, 0, 0, 0.04);\n font-weight: 600;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-footer,\n.react-form-antd-mobile-popup.is-range .ant-picker-footer {\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.06);\n background: #fff;\n}\n.react-form-antd-mobile-popup.is-picker .ant-picker-ok,\n.react-form-antd-mobile-popup.is-range .ant-picker-ok {\n margin-inline-start: auto;\n}\n\n.react-form-antd-mobile-popup.is-range {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.react-form-antd-mobile-popup.is-range .ant-picker-panels,\n.react-form-antd-mobile-popup.is-range .ant-picker-panel-layout {\n flex-direction: column;\n}\n\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter-prepare,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear-prepare,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter-start,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear-start,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-enter-active,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-appear-active {\n transform: none !important;\n transition: none !important;\n animation: react-form-antd-mobile-expand-down 180ms ease-out both !important;\n}\n\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-leave,\n.react-form-antd-mobile-popup:not(.is-picker):not(.is-range):not(.is-above).ant-slide-up-leave-active {\n transform: none !important;\n transition: none !important;\n pointer-events: none !important;\n animation: react-form-antd-mobile-collapse-up 120ms ease-out both !important;\n}"]}
|
|
1
|
+
{"version":3,"sources":["index.scss","style.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,iBA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","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}",".react-form-antd-mobile-stepper.ant-input-number {\n width: 100%;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-lg {\n border-radius: var(--ant-border-radius-lg, 8px);\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner {\n overflow: hidden;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner .ant-input-number-action {\n display: flex;\n align-items: center;\n justify-content: center;\n align-self: stretch;\n width: calc(1em * var(--ant-line-height, 1.5714) + 2 * var(--ant-input-number-input-padding-block, 4px));\n padding-inline: 0;\n font-size: inherit;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner .ant-input-number-action .anticon {\n font-size: 14px;\n}\n.react-form-antd-mobile-stepper.ant-input-number.ant-input-number-mode-spinner.ant-input-number-lg .ant-input-number-action {\n width: calc(1em * var(--ant-line-height-lg, 1.5) + 2 * var(--ant-input-number-input-padding-block, 7px));\n}"]}
|
package/dist/index.js
CHANGED
|
@@ -32036,7 +32036,28 @@ var _RadioGroup = function _RadioGroup(props) {
|
|
|
32036
32036
|
_RadioGroup.Field = RadioGroup;
|
|
32037
32037
|
_RadioGroup.Radio = antd.Radio;
|
|
32038
32038
|
|
|
32039
|
+
var MOBILE_STEPPER_CLASS = 'react-form-antd-mobile-stepper';
|
|
32040
|
+
var withMobileStepper = function withMobileStepper(WrappedComponent) {
|
|
32041
|
+
var MobileStepper = React.forwardRef(function (props, ref) {
|
|
32042
|
+
var isMobile = responsiveUtils.useIsMobile();
|
|
32043
|
+
if (!isMobile) {
|
|
32044
|
+
return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends$3({
|
|
32045
|
+
ref: ref
|
|
32046
|
+
}, props));
|
|
32047
|
+
}
|
|
32048
|
+
return /*#__PURE__*/React__default["default"].createElement(WrappedComponent, _extends$3({
|
|
32049
|
+
ref: ref
|
|
32050
|
+
}, props, {
|
|
32051
|
+
mode: props.mode || 'spinner',
|
|
32052
|
+
className: classnames__default["default"](props.className, MOBILE_STEPPER_CLASS)
|
|
32053
|
+
}));
|
|
32054
|
+
});
|
|
32055
|
+
MobileStepper.displayName = "withMobileStepper(" + (WrappedComponent.displayName || WrappedComponent.name || 'Component') + ")";
|
|
32056
|
+
return MobileStepper;
|
|
32057
|
+
};
|
|
32058
|
+
|
|
32039
32059
|
var useDecorator$1 = reactFormHelper.hooks.useDecorator;
|
|
32060
|
+
var MobileInputNumber = withMobileStepper(antd.InputNumber);
|
|
32040
32061
|
var InputNumberFieldInner = function InputNumberFieldInner(props) {
|
|
32041
32062
|
var _useIntl = reactIntl.useIntl(),
|
|
32042
32063
|
formatMessage = _useIntl.formatMessage;
|
|
@@ -32051,7 +32072,7 @@ var InputNumberFieldInner = function InputNumberFieldInner(props) {
|
|
|
32051
32072
|
label: mergedProps.label
|
|
32052
32073
|
})
|
|
32053
32074
|
}, mergedProps));
|
|
32054
|
-
return render(
|
|
32075
|
+
return render(MobileInputNumber);
|
|
32055
32076
|
};
|
|
32056
32077
|
InputNumberFieldInner.Field = antd.InputNumber;
|
|
32057
32078
|
var InputNumberField = withLocale(InputNumberFieldInner);
|