@kne/react-form-antd 4.1.8 → 4.1.10

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 CHANGED
@@ -251,8 +251,8 @@ const InputExample = () => {
251
251
  placeholder="请再次输入密码"
252
252
  />
253
253
  <Divider>带前缀/后缀</Divider>
254
- <Input name="price" label="价格" addonBefore="¥" placeholder="请输入金额" />
255
- <Input name="website" label="网址" addonAfter=".com" placeholder="请输入网站名称" />
254
+ <Input name="price" label="价格" prefix="¥" placeholder="请输入金额" />
255
+ <Input name="website" label="网址" suffix=".com" placeholder="请输入网站名称" />
256
256
  </Flex>
257
257
  </Form>
258
258
  </Card>
@@ -1188,6 +1188,55 @@ render(<ButtonsExample />);
1188
1188
 
1189
1189
  ```
1190
1190
 
1191
+ - 移动端布局
1192
+ - 移动端默认采用纵向卡片布局(label 在上、字段分隔线、按钮整宽);登录等场景可用 mobile={false} 关闭布局适配,Select 弹层遮罩、16px 字号等字段级优化仍生效
1193
+ - _ReactFormAntd(@kne/current-lib_react-form-antd),(@kne/current-lib_react-form-antd/dist/index.css),antd(antd)
1194
+
1195
+ ```jsx
1196
+ const {default: Form, Input, Select, DatePicker, InputNumber, SubmitButton, useFormIsMobile} = _ReactFormAntd;
1197
+ const {Flex, Card, Tag} = antd;
1198
+
1199
+ const LayoutState = () => {
1200
+ const isMobile = useFormIsMobile();
1201
+ return <Tag color={isMobile ? 'blue' : 'default'}>{isMobile ? '移动端布局' : 'PC 布局'}</Tag>;
1202
+ };
1203
+
1204
+ const MobileExample = () => {
1205
+ return (<Flex vertical gap={24}>
1206
+ <Card title="移动端自动适配(默认)" size="small">
1207
+ <Form type="default" onSubmit={data => console.log('提交报销单', data)}>
1208
+ <LayoutState/>
1209
+ <Input name="title" label="报销事由" rule="REQ" placeholder="如:上海客户拜访差旅"/>
1210
+ <Select name="category" label="费用类型" rule="REQ" options={[
1211
+ {label: '交通费', value: 'traffic'},
1212
+ {label: '住宿费', value: 'hotel'},
1213
+ {label: '餐饮费', value: 'meal'}
1214
+ ]}/>
1215
+ <InputNumber name="amount" label="金额(元)" rule="REQ" min={0} precision={2}/>
1216
+ <DatePicker name="date" label="发生日期" rule="REQ"/>
1217
+ <SubmitButton>提交报销</SubmitButton>
1218
+ </Form>
1219
+ </Card>
1220
+
1221
+ <Card title="登录场景:mobile={false} 关闭移动端布局" size="small">
1222
+ <Form type="inner" mobile={false} onSubmit={data => console.log('登录', data)}>
1223
+ <LayoutState/>
1224
+ <Input name="account" label="账号" rule="REQ" placeholder="手机号 / 邮箱"/>
1225
+ <Input.Password name="password" label="密码" rule="REQ" placeholder="请输入密码"/>
1226
+ <Select name="tenant" label="登录租户" options={[
1227
+ {label: '总部', value: 'hq'},
1228
+ {label: '华东分公司', value: 'east'}
1229
+ ]}/>
1230
+ <SubmitButton block>登录</SubmitButton>
1231
+ </Form>
1232
+ </Card>
1233
+ </Flex>);
1234
+ };
1235
+
1236
+ render(<MobileExample/>);
1237
+
1238
+ ```
1239
+
1191
1240
  ### API
1192
1241
 
1193
1242
  #### 属性
@@ -1201,8 +1250,13 @@ render(<ButtonsExample />);
1201
1250
  | enterSubmit | `boolean` | `false` | 是否支持回车提交 |
1202
1251
  | scrollToError | `boolean` | `true` | 校验失败时是否滚动到错误字段 |
1203
1252
  | scrollProps | `object` | `{block: 'center'}` | 滚动配置,参考 Element.scrollIntoView |
1253
+ | mobile | `boolean` | - | 传 `false` 关闭本表单的移动端布局(如登录页);只影响布局,Select 弹层遮罩、16px 字号等字段级移动端优化仍按设备生效。不传时继承外层 Form,再回退到 preset 与设备判断 |
1204
1254
  | onSubmit | `function` | - | 表单提交回调函数 |
1205
1255
 
1256
+ #### useFormIsMobile
1257
+
1258
+ 在 Form 内部获取当前是否应使用移动端布局:Form 设置了 `mobile={false}` 时返回 `false`,否则按设备判断。`useFormMobile` 返回 Form 上 `mobile` 的原始值,`FormMobileContext` 为对应 Context。
1259
+
1206
1260
  ---
1207
1261
 
1208
1262
  ### Input 输入框
@@ -1528,6 +1582,7 @@ import {preset} from '@kne/react-form-antd';
1528
1582
  preset({
1529
1583
  type: 'default', // 默认表单类型
1530
1584
  size: 'middle', // 默认表单尺寸
1585
+ mobile: undefined, // 全局设为 false 可关闭所有表单的移动端布局
1531
1586
  rules: { // 自定义校验规则
1532
1587
  PHONE: {
1533
1588
  reg: /^1[3-9]\d{9}$/,
package/dist/index.css CHANGED
@@ -96,10 +96,10 @@
96
96
  .react-form__field.is-req-error .react-form__field-component:focus, .react-form__field.is-error .react-form__field-component:focus {
97
97
  box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
98
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 {
99
+ .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-input, .react-form__field.is-error .react-form__field-component .ant-radio-inner {
100
100
  border-color: #fc3333;
101
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 {
102
+ .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-input:focus, .react-form__field.is-error .react-form__field-component .ant-radio-inner:focus {
103
103
  box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
104
104
  }
105
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 {
@@ -111,10 +111,10 @@
111
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
112
  box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
113
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;
114
+ .react-form__field.is-req-error .react-form__field-component.ant-select, .react-form__field.is-error .react-form__field-component.ant-select {
115
+ --ant-select-border-color: #fc3333 !important;
116
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 {
117
+ .react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused {
118
118
  box-shadow: 0 0 0 2px rgba(252, 51, 51, 0.2);
119
119
  }
120
120
  .react-form__field-error {
@@ -289,9 +289,6 @@
289
289
  font-size: 16px !important;
290
290
  }
291
291
 
292
- .react-form.is-mobile .react-form__field-label {
293
- font-size: 16px !important;
294
- }
295
292
  .react-form.is-mobile .ant-input,
296
293
  .react-form.is-mobile textarea.ant-input,
297
294
  .react-form.is-mobile .ant-input-number,
@@ -302,10 +299,7 @@
302
299
  .react-form.is-mobile .ant-select-content,
303
300
  .react-form.is-mobile .ant-select-content-value,
304
301
  .react-form.is-mobile .ant-select-selection-item,
305
- .react-form.is-mobile .ant-select-selection-placeholder,
306
- .react-form.is-mobile .ant-select-selection-search-input,
307
302
  .react-form.is-mobile .ant-picker-input > input,
308
- .react-form.is-mobile .ant-cascader-input,
309
303
  .react-form.is-mobile .ant-radio-wrapper,
310
304
  .react-form.is-mobile .ant-checkbox-wrapper,
311
305
  .react-form.is-mobile .date-picker-today-container .ant-input {
@@ -316,9 +310,6 @@
316
310
  }
317
311
 
318
312
  @container kne-responsive (max-width: 768px) {
319
- .react-form .react-form__field-label {
320
- font-size: 16px !important;
321
- }
322
313
  .react-form .ant-input,
323
314
  .react-form textarea.ant-input,
324
315
  .react-form .ant-input-number,
@@ -329,10 +320,7 @@
329
320
  .react-form .ant-select-content,
330
321
  .react-form .ant-select-content-value,
331
322
  .react-form .ant-select-selection-item,
332
- .react-form .ant-select-selection-placeholder,
333
- .react-form .ant-select-selection-search-input,
334
323
  .react-form .ant-picker-input > input,
335
- .react-form .ant-cascader-input,
336
324
  .react-form .ant-radio-wrapper,
337
325
  .react-form .ant-checkbox-wrapper,
338
326
  .react-form .date-picker-today-container .ant-input {
@@ -491,6 +479,307 @@
491
479
  text-overflow: ellipsis;
492
480
  }
493
481
  }
482
+ .kne-responsive-boundary {
483
+ position: relative;
484
+ }
485
+
486
+ .kne-responsive-scroll {
487
+ overflow: auto;
488
+ }
489
+
490
+ :root {
491
+ --kne-viewport-width: 100vw;
492
+ --kne-viewport-height: 100dvh;
493
+ --kne-viewport-inline-size: 100vw;
494
+ --kne-viewport-block-size: 100dvh;
495
+ }
496
+
497
+ .kne-responsive-boundary {
498
+ --kne-viewport-width: 100vw;
499
+ --kne-viewport-height: 100dvh;
500
+ --kne-viewport-inline-size: 100vw;
501
+ --kne-viewport-block-size: 100dvh;
502
+ }
503
+
504
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field {
505
+ display: block;
506
+ margin-right: 0;
507
+ margin-bottom: 0 !important;
508
+ padding: 12px 0;
509
+ border-bottom: 1px solid #eee;
510
+ }
511
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field:last-child {
512
+ border-bottom: none;
513
+ }
514
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-main {
515
+ flex-direction: column;
516
+ }
517
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-label {
518
+ min-width: auto !important;
519
+ margin: 0 0 6px;
520
+ padding-left: 0;
521
+ text-align: left;
522
+ font-size: 15px !important;
523
+ font-weight: normal !important;
524
+ line-height: 1.5;
525
+ color: #666;
526
+ }
527
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-label.is-req:before {
528
+ position: static;
529
+ transform: none;
530
+ margin-right: 2px;
531
+ color: #ff3141;
532
+ font-weight: normal;
533
+ }
534
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input {
535
+ align-self: stretch;
536
+ width: 100%;
537
+ }
538
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field.is-error {
539
+ padding-bottom: 2px;
540
+ }
541
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field.is-error .ant-select {
542
+ --ant-select-border-color: transparent !important;
543
+ border-color: transparent !important;
544
+ }
545
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-error {
546
+ position: static;
547
+ margin-top: -6px;
548
+ font-size: 12px;
549
+ line-height: 16px;
550
+ color: #ff3141 !important;
551
+ }
552
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form-antd-mobile-stepper + .react-form__field-error {
553
+ margin-top: 4px;
554
+ }
555
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input {
556
+ --super-select-input-border-color: transparent;
557
+ --super-select-input-hover-border-color: transparent;
558
+ --super-select-input-bg: transparent;
559
+ --super-select-input-disabled-bg: transparent;
560
+ --super-select-input-padding-x: 0px;
561
+ --super-select-input-color: #333;
562
+ --super-select-input-placeholder-color: #ccc;
563
+ --super-select-input-disabled-color: #ccc;
564
+ --super-select-input-icon-color: #999;
565
+ --super-select-input-arrow-rotate: -90deg;
566
+ }
567
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input,
568
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input-affix-wrapper,
569
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input-number:not(.react-form-antd-mobile-stepper),
570
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-picker {
571
+ border-color: transparent !important;
572
+ box-shadow: none !important;
573
+ outline: none !important;
574
+ background: transparent !important;
575
+ padding-inline: 0 !important;
576
+ color: #333;
577
+ }
578
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .date-picker-today-inputs {
579
+ border-color: transparent !important;
580
+ box-shadow: none !important;
581
+ outline: none !important;
582
+ background: transparent !important;
583
+ padding-inline: 0 !important;
584
+ }
585
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input-affix-wrapper .ant-input {
586
+ padding-inline: 0 !important;
587
+ }
588
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input-number:not(.react-form-antd-mobile-stepper) .ant-input-number-input {
589
+ padding-inline: 0 !important;
590
+ }
591
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .react-form-antd-mobile-stepper.ant-input-number-mode-spinner {
592
+ gap: 2px;
593
+ border-color: transparent !important;
594
+ box-shadow: none !important;
595
+ background: transparent !important;
596
+ }
597
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .react-form-antd-mobile-stepper.ant-input-number-mode-spinner .ant-input-number-action {
598
+ border: none !important;
599
+ border-radius: 2px;
600
+ background: #f5f5f5;
601
+ color: #333;
602
+ }
603
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .react-form-antd-mobile-stepper.ant-input-number-mode-spinner .ant-input-number-input {
604
+ border-radius: 2px;
605
+ background: #f5f5f5;
606
+ text-align: center;
607
+ }
608
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-select {
609
+ --ant-select-border-color: transparent !important;
610
+ --ant-select-background-color: transparent !important;
611
+ --ant-select-padding-horizontal: 0px !important;
612
+ box-shadow: none !important;
613
+ outline: none !important;
614
+ }
615
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-select-suffix {
616
+ color: #999;
617
+ }
618
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-select-suffix .anticon-down {
619
+ transform: rotate(-90deg);
620
+ }
621
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input input::-moz-placeholder, .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input textarea::-moz-placeholder {
622
+ color: #ccc !important;
623
+ }
624
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input input::placeholder,
625
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input textarea::placeholder,
626
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-select-placeholder {
627
+ color: #ccc !important;
628
+ }
629
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input-disabled,
630
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input[disabled],
631
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-picker-disabled,
632
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-select-disabled,
633
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__field-input .ant-input-number-disabled {
634
+ color: #ccc !important;
635
+ }
636
+ .react-form.is-mobile:not(.is-mobile-disabled) .react-form__action-button {
637
+ width: 100%;
638
+ height: 48px;
639
+ font-size: 17px;
640
+ border-radius: 4px;
641
+ }
642
+
643
+ @container kne-responsive (max-width: 768px) {
644
+ .react-form:not(.is-mobile-disabled) .react-form__field {
645
+ display: block;
646
+ margin-right: 0;
647
+ margin-bottom: 0 !important;
648
+ padding: 12px 0;
649
+ border-bottom: 1px solid #eee;
650
+ }
651
+ .react-form:not(.is-mobile-disabled) .react-form__field:last-child {
652
+ border-bottom: none;
653
+ }
654
+ .react-form:not(.is-mobile-disabled) .react-form__field-main {
655
+ flex-direction: column;
656
+ }
657
+ .react-form:not(.is-mobile-disabled) .react-form__field-label {
658
+ min-width: auto !important;
659
+ margin: 0 0 6px;
660
+ padding-left: 0;
661
+ text-align: left;
662
+ font-size: 15px !important;
663
+ font-weight: normal !important;
664
+ line-height: 1.5;
665
+ color: #666;
666
+ }
667
+ .react-form:not(.is-mobile-disabled) .react-form__field-label.is-req:before {
668
+ position: static;
669
+ transform: none;
670
+ margin-right: 2px;
671
+ color: #ff3141;
672
+ font-weight: normal;
673
+ }
674
+ .react-form:not(.is-mobile-disabled) .react-form__field-input {
675
+ align-self: stretch;
676
+ width: 100%;
677
+ }
678
+ .react-form:not(.is-mobile-disabled) .react-form__field.is-error {
679
+ padding-bottom: 2px;
680
+ }
681
+ .react-form:not(.is-mobile-disabled) .react-form__field.is-error .ant-select {
682
+ --ant-select-border-color: transparent !important;
683
+ border-color: transparent !important;
684
+ }
685
+ .react-form:not(.is-mobile-disabled) .react-form__field-error {
686
+ position: static;
687
+ margin-top: -6px;
688
+ font-size: 12px;
689
+ line-height: 16px;
690
+ color: #ff3141 !important;
691
+ }
692
+ .react-form:not(.is-mobile-disabled) .react-form-antd-mobile-stepper + .react-form__field-error {
693
+ margin-top: 4px;
694
+ }
695
+ .react-form:not(.is-mobile-disabled) .react-form__field-input {
696
+ --super-select-input-border-color: transparent;
697
+ --super-select-input-hover-border-color: transparent;
698
+ --super-select-input-bg: transparent;
699
+ --super-select-input-disabled-bg: transparent;
700
+ --super-select-input-padding-x: 0px;
701
+ --super-select-input-color: #333;
702
+ --super-select-input-placeholder-color: #ccc;
703
+ --super-select-input-disabled-color: #ccc;
704
+ --super-select-input-icon-color: #999;
705
+ --super-select-input-arrow-rotate: -90deg;
706
+ }
707
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input,
708
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input-affix-wrapper,
709
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input-number:not(.react-form-antd-mobile-stepper),
710
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-picker {
711
+ border-color: transparent !important;
712
+ box-shadow: none !important;
713
+ outline: none !important;
714
+ background: transparent !important;
715
+ padding-inline: 0 !important;
716
+ color: #333;
717
+ }
718
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .date-picker-today-inputs {
719
+ border-color: transparent !important;
720
+ box-shadow: none !important;
721
+ outline: none !important;
722
+ background: transparent !important;
723
+ padding-inline: 0 !important;
724
+ }
725
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input-affix-wrapper .ant-input {
726
+ padding-inline: 0 !important;
727
+ }
728
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input-number:not(.react-form-antd-mobile-stepper) .ant-input-number-input {
729
+ padding-inline: 0 !important;
730
+ }
731
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .react-form-antd-mobile-stepper.ant-input-number-mode-spinner {
732
+ gap: 2px;
733
+ border-color: transparent !important;
734
+ box-shadow: none !important;
735
+ background: transparent !important;
736
+ }
737
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .react-form-antd-mobile-stepper.ant-input-number-mode-spinner .ant-input-number-action {
738
+ border: none !important;
739
+ border-radius: 2px;
740
+ background: #f5f5f5;
741
+ color: #333;
742
+ }
743
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .react-form-antd-mobile-stepper.ant-input-number-mode-spinner .ant-input-number-input {
744
+ border-radius: 2px;
745
+ background: #f5f5f5;
746
+ text-align: center;
747
+ }
748
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-select {
749
+ --ant-select-border-color: transparent !important;
750
+ --ant-select-background-color: transparent !important;
751
+ --ant-select-padding-horizontal: 0px !important;
752
+ box-shadow: none !important;
753
+ outline: none !important;
754
+ }
755
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-select-suffix {
756
+ color: #999;
757
+ }
758
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-select-suffix .anticon-down {
759
+ transform: rotate(-90deg);
760
+ }
761
+ .react-form:not(.is-mobile-disabled) .react-form__field-input input::-moz-placeholder, .react-form:not(.is-mobile-disabled) .react-form__field-input textarea::-moz-placeholder {
762
+ color: #ccc !important;
763
+ }
764
+ .react-form:not(.is-mobile-disabled) .react-form__field-input input::placeholder,
765
+ .react-form:not(.is-mobile-disabled) .react-form__field-input textarea::placeholder,
766
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-select-placeholder {
767
+ color: #ccc !important;
768
+ }
769
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input-disabled,
770
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input[disabled],
771
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-picker-disabled,
772
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-select-disabled,
773
+ .react-form:not(.is-mobile-disabled) .react-form__field-input .ant-input-number-disabled {
774
+ color: #ccc !important;
775
+ }
776
+ .react-form:not(.is-mobile-disabled) .react-form__action-button {
777
+ width: 100%;
778
+ height: 48px;
779
+ font-size: 17px;
780
+ border-radius: 4px;
781
+ }
782
+ }
494
783
  @keyframes react-form-antd-mobile-expand-down {
495
784
  from {
496
785
  max-height: 0;
@@ -534,10 +823,8 @@
534
823
  .react-form-antd-mobile-anchor.is-mobile .ant-select-placeholder,
535
824
  .react-form-antd-mobile-anchor.is-mobile .ant-select-content,
536
825
  .react-form-antd-mobile-anchor.is-mobile .ant-select-content-value,
537
- .react-form-antd-mobile-anchor.is-mobile .ant-select-selection-search-input,
538
826
  .react-form-antd-mobile-anchor.is-mobile .ant-picker-input > input,
539
- .react-form-antd-mobile-anchor.is-mobile .ant-select-selection-item,
540
- .react-form-antd-mobile-anchor.is-mobile .ant-select-selection-placeholder {
827
+ .react-form-antd-mobile-anchor.is-mobile .ant-select-selection-item {
541
828
  font-size: 16px !important;
542
829
  }
543
830
  .react-form-antd-mobile-anchor.is-mobile .ant-select {
@@ -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}",".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}"]}
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,6CAA6C;AAC/C;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-input, .react-form__field.is-req-error .react-form__field-component .ant-radio-inner, .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-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-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, .react-form__field.is-error .react-form__field-component.ant-select {\n --ant-select-border-color: #fc3333 !important;\n}\n.react-form__field.is-req-error .react-form__field-component.ant-select.ant-select-focused, .react-form__field.is-error .react-form__field-component.ant-select.ant-select-focused {\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}"]}