@zscreate/form-component 1.1.689-AI.8 → 1.1.689-AI.9

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.
@@ -4428,6 +4428,434 @@ div {
4428
4428
  min-height: initial;
4429
4429
  }
4430
4430
 
4431
+ .textarea-wrapper[data-v-64726beb] {
4432
+ position: relative;
4433
+ display: block;
4434
+ height: 100%;
4435
+ box-sizing: border-box;
4436
+ }
4437
+ .textarea-wrapper[data-v-64726beb] textarea {
4438
+ height: 100%;
4439
+ }
4440
+ .textarea-wrapper .textarea-wrapper__count[data-v-64726beb] {
4441
+ color: #808080;
4442
+ background: #fff;
4443
+ position: absolute;
4444
+ font-size: 12px;
4445
+ bottom: 8px;
4446
+ right: 12px;
4447
+ line-height: 14px;
4448
+ }
4449
+
4450
+
4451
+ [data-v-6bb26d0f] .ant-popover-inner-content {
4452
+ width: 190px;
4453
+ }
4454
+ [data-v-6bb26d0f] .ant-form-item .ant-form-item-control-wrapper:first-child {
4455
+ width: calc(100% - 0px) !important;
4456
+ }
4457
+ [data-v-6bb26d0f] .ant-form-item-control {
4458
+ height: 100%;
4459
+ }
4460
+ /***label对齐方式*/
4461
+ .custom_form_item .break[data-v-6bb26d0f] {
4462
+ white-space: normal;
4463
+ word-break: break-all;
4464
+ word-wrap: break-word;
4465
+ }
4466
+ .custom_form_item .align-between[data-v-6bb26d0f] {
4467
+ white-space: normal;
4468
+ word-break: break-all;
4469
+ word-wrap: break-word;
4470
+ text-align: justify;
4471
+ -moz-text-align-last: justify;
4472
+ text-align-last: justify;
4473
+ width: 80%;
4474
+ }
4475
+ .custom_form_item .align-middle[data-v-6bb26d0f] {
4476
+ white-space: normal;
4477
+ word-break: break-all;
4478
+ word-wrap: break-word;
4479
+ text-align: center;
4480
+ width: 80%;
4481
+ }
4482
+ .custom_form_item .align-left[data-v-6bb26d0f] {
4483
+ white-space: normal;
4484
+ word-break: break-all;
4485
+ word-wrap: break-word;
4486
+ text-align: left;
4487
+ width: 80%;
4488
+ }
4489
+ .custom_form_item .align-right[data-v-6bb26d0f] {
4490
+ white-space: normal;
4491
+ word-break: break-all;
4492
+ word-wrap: break-word;
4493
+ text-align: right;
4494
+ width: 80%;
4495
+ }
4496
+ .custom_form_item .align-center[data-v-6bb26d0f] {
4497
+ white-space: normal;
4498
+ word-break: break-all;
4499
+ word-wrap: break-word;
4500
+ text-align: center;
4501
+ width: 90%;
4502
+ }
4503
+ /***label对齐方式 */
4504
+ /*****公共boder ****/
4505
+ [data-v-6bb26d0f] .ant-form-item-control-wrapper {
4506
+ border-right: none !important;
4507
+ border-bottom: 1px solid #000;
4508
+ }
4509
+ [data-v-6bb26d0f] .ant-form-item-label {
4510
+ border-bottom: 1px solid #000;
4511
+ }
4512
+ .verify-right[data-v-6bb26d0f] {
4513
+ border-right: 1px solid #000;
4514
+ }
4515
+ .custom_form_item_special[data-v-6bb26d0f] .ant-form-item-children {
4516
+ height: 100%;
4517
+ }
4518
+ /*****公共boder ****/
4519
+ .custom_form_item_special[data-v-6bb26d0f] .ant-form-item .ant-form-item-control-wrapper:first-child .ant-form-item-control {
4520
+ width: 100%;
4521
+ }
4522
+ .verify-no-border input[data-v-6bb26d0f],
4523
+ .verify-no-border textarea[data-v-6bb26d0f] {
4524
+ display: block;
4525
+ background: none;
4526
+ height: 90%;
4527
+ width: 98%;
4528
+ margin: 0 auto;
4529
+ }
4530
+ .verify-no-border input[data-v-6bb26d0f]:disabled,
4531
+ .verify-no-border textarea[data-v-6bb26d0f]:disabled {
4532
+ background: none !important;
4533
+ color: #333;
4534
+ }
4535
+ .verify[data-v-6bb26d0f] {
4536
+ position: relative;
4537
+ }
4538
+ .verify .inner-form-item[data-v-6bb26d0f] .ant-form-item-control-wrapper {
4539
+ border-bottom: none !important;
4540
+ }
4541
+ .verify .inner-form-item[data-v-6bb26d0f] .ant-form-item-children {
4542
+ display: flex;
4543
+ align-items: center;
4544
+ justify-content: center;
4545
+ width: 100%;
4546
+ }
4547
+ .verify .inner-form-item[data-v-6bb26d0f] .ant-form-item-children .textarea-wrapper {
4548
+ width: 100%;
4549
+ }
4550
+ .verify .verify-left[data-v-6bb26d0f] {
4551
+ position: absolute;
4552
+ left: 0;
4553
+ top: 0;
4554
+ width: 100px;
4555
+ border-right: 1px solid #e6e6e6;
4556
+ height: 100%;
4557
+ text-align: justify;
4558
+ -moz-text-align-last: justify;
4559
+ text-align-last: justify;
4560
+ }
4561
+ .verify .verify-right[data-v-6bb26d0f] {
4562
+ height: 100%;
4563
+ width: 100%;
4564
+ position: relative;
4565
+ }
4566
+ .verify .verify-right .verify-text[data-v-6bb26d0f] {
4567
+ position: relative;
4568
+ height: 70%;
4569
+ padding-top: 5px;
4570
+ border-bottom: 1px solid #e6e6e6;
4571
+ /* 仅历史记录里直接包裹 textarea 的 span,避免误伤字数统计等嵌套 span */
4572
+ }
4573
+ .verify .verify-right .verify-text .verify-btn[data-v-6bb26d0f] {
4574
+ position: absolute;
4575
+ right: 10px;
4576
+ bottom: 10px;
4577
+ z-index: 10;
4578
+ }
4579
+ .verify .verify-right .verify-text > span[data-v-6bb26d0f] {
4580
+ display: block;
4581
+ border: none;
4582
+ height: 100%;
4583
+ }
4584
+ .verify .verify-right .verify-text .textarea-wrapper__count[data-v-6bb26d0f] {
4585
+ display: inline;
4586
+ height: auto;
4587
+ width: auto;
4588
+ }
4589
+ .verify .verify-right .verify-seal[data-v-6bb26d0f] {
4590
+ position: absolute;
4591
+ width: 35mm;
4592
+ height: 35mm;
4593
+ z-index: 9 !important;
4594
+ }
4595
+ .verify .verify-right .verify-seal img[data-v-6bb26d0f] {
4596
+ width: 35mm;
4597
+ height: 35mm;
4598
+ }
4599
+ .verify .verify-right .verify-icon[data-v-6bb26d0f] {
4600
+ position: absolute;
4601
+ right: 3%;
4602
+ top: 3%;
4603
+ z-index: 20;
4604
+ cursor: pointer;
4605
+ }
4606
+ .verify .verify-option[data-v-6bb26d0f] {
4607
+ display: flex;
4608
+ height: 30%;
4609
+ }
4610
+ .verify .verify-option > div[data-v-6bb26d0f] {
4611
+ flex: 1;
4612
+ border-right: 1px solid #e6e6e6;
4613
+ display: flex;
4614
+ justify-content: space-between;
4615
+ align-items: center;
4616
+ }
4617
+ .verify .verify-option > div span[data-v-6bb26d0f] {
4618
+ text-align: center;
4619
+ flex: 2;
4620
+ border-right: 1px solid #e6e6e6;
4621
+ height: 100%;
4622
+ display: flex;
4623
+ align-items: center;
4624
+ justify-content: center;
4625
+ }
4626
+ .verify .verify-option > div span + span[data-v-6bb26d0f],
4627
+ .verify .verify-option > div span + .inner-form-item[data-v-6bb26d0f] {
4628
+ border-right: none;
4629
+ flex: 4;
4630
+ }
4631
+ .verify .verify-option > div:nth-child(2) > span[data-v-6bb26d0f]:last-child {
4632
+ box-sizing: border-box;
4633
+ padding: 1px;
4634
+ }
4635
+ .verify .verify-option div[data-v-6bb26d0f]:last-child {
4636
+ border-right: none;
4637
+ }
4638
+ [data-v-6bb26d0f] .verify-style_label_left .ant-form-item-label label > div,
4639
+ .verify-style_label_left[data-v-6bb26d0f] .ant-form-item-label label > div {
4640
+ align-self: center;
4641
+ flex: 0 0 auto;
4642
+ height: auto;
4643
+ display: flex;
4644
+ align-items: center;
4645
+ justify-content: center;
4646
+ }
4647
+ .verify-style_label_top > .ant-form-item[data-v-6bb26d0f] {
4648
+ display: flex;
4649
+ flex-direction: column;
4650
+ height: 100%;
4651
+ }
4652
+ .verify-style_label_top > .ant-form-item[data-v-6bb26d0f] .verify-right {
4653
+ height: 100% !important;
4654
+ }
4655
+ .verify-style_label_top > .ant-form-item[data-v-6bb26d0f] .ant-form-item-label {
4656
+ position: relative;
4657
+ width: 100% !important;
4658
+ height: 50px;
4659
+ border-bottom: 1px solid #e6e6e6 !important;
4660
+ }
4661
+ .verify-style_label_top > .ant-form-item[data-v-6bb26d0f] .ant-form-item-label label {
4662
+ width: 100%;
4663
+ }
4664
+ .verify-style_label_top > .ant-form-item[data-v-6bb26d0f] .ant-form-item-label .align-between {
4665
+ width: 100% !important;
4666
+ align-items: flex-start;
4667
+ -moz-text-align-last: left;
4668
+ text-align-last: left;
4669
+ text-align: left;
4670
+ letter-spacing: 8px;
4671
+ text-indent: 10px;
4672
+ }
4673
+ .verify-style_label_top > .ant-form-item[data-v-6bb26d0f] .ant-form-item-control-wrapper {
4674
+ width: 100%!important;
4675
+ height: initial !important;
4676
+ flex: 1;
4677
+ overflow: hidden;
4678
+ }
4679
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify .ant-form-item-control-wrapper {
4680
+ border-right: none;
4681
+ border-bottom: none;
4682
+ }
4683
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify .ant-form-item-label {
4684
+ border-bottom: none;
4685
+ }
4686
+ .verify-style_grid_verify .verify-style_label_top[data-v-6bb26d0f] .ant-form-item-label {
4687
+ border-right: none !important;
4688
+ }
4689
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right {
4690
+ border: none;
4691
+ }
4692
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-text {
4693
+ height: 50%;
4694
+ }
4695
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option {
4696
+ height: 50%;
4697
+ flex-wrap: wrap;
4698
+ display: grid;
4699
+ grid-template-rows: repeat(2, 50%);
4700
+ grid-template-columns: repeat(2, 50%);
4701
+ }
4702
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div:first-child {
4703
+ grid-area: 1 / span 1 / span 1;
4704
+ }
4705
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div:nth-child(2) {
4706
+ grid-area: 0.5 / span 1 / span 1;
4707
+ }
4708
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div:nth-child(3) {
4709
+ grid-area: 2 / span 2 / span 1;
4710
+ }
4711
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div {
4712
+ height: 100%;
4713
+ box-sizing: border-box;
4714
+ }
4715
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div > span:first-child {
4716
+ flex: initial;
4717
+ padding: 0 3px;
4718
+ }
4719
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div span + span {
4720
+ flex: 3;
4721
+ overflow: hidden;
4722
+ }
4723
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div:first-child {
4724
+ flex: 0 1 calc(50% + 20px);
4725
+ }
4726
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div:nth-child(2) {
4727
+ border-right: none;
4728
+ }
4729
+ .verify-style_grid_verify[data-v-6bb26d0f] .verify-right .verify-option > div:last-child {
4730
+ flex: 0 0 100%;
4731
+ border-top: 1px solid #e6e6e6;
4732
+ }
4733
+
4734
+ .verifySelectDropDown .ant-empty-image svg {
4735
+ width: 100%;
4736
+ }
4737
+
4738
+ .custom_form_item[data-v-a34a7416] {
4739
+ height: 100%;
4740
+ }
4741
+ .custom_form_item[data-v-a34a7416] .ant-form-item {
4742
+ height: 100%;
4743
+ }
4744
+ [data-v-a34a7416] .verify-style_label_left .ant-form-item-label label > div,[data-v-a34a7416] .ant-form-item:not(.verify-style_label_top) .ant-form-item-label label > div {
4745
+ align-self: center;
4746
+ flex: 0 0 auto;
4747
+ height: auto;
4748
+ display: flex;
4749
+ align-items: center;
4750
+ justify-content: center;
4751
+ }
4752
+ .verify-com[data-v-a34a7416] {
4753
+ width: 100%;
4754
+ }
4755
+ .verify-com .verify-text[data-v-a34a7416] {
4756
+ position: relative;
4757
+ }
4758
+ .verify-com .verify-option[data-v-a34a7416] {
4759
+ display: flex;
4760
+ height: 30%;
4761
+ margin-top: 10px;
4762
+ flex-wrap: wrap;
4763
+ }
4764
+ .verify-com .verify-option > div[data-v-a34a7416] {
4765
+ flex: 1;
4766
+ display: flex;
4767
+ justify-content: space-between;
4768
+ align-items: center;
4769
+ }
4770
+ .verify-com .verify-option > div span[data-v-a34a7416] {
4771
+ text-align: center;
4772
+ flex: 2;
4773
+ height: 100%;
4774
+ display: flex;
4775
+ align-items: center;
4776
+ justify-content: center;
4777
+ }
4778
+ .verify-com .verify-option > div span + input[data-v-a34a7416] {
4779
+ border-right: none;
4780
+ flex: 3;
4781
+ }
4782
+ .verify-com .verify-option div[data-v-a34a7416]:last-child {
4783
+ border-right: none;
4784
+ }
4785
+ .verify-style_grid_verify .verify-text[data-v-a34a7416] {
4786
+ height: 50%;
4787
+ }
4788
+ .verify-style_grid_verify .verify-option[data-v-a34a7416] {
4789
+ height: 50%;
4790
+ flex-wrap: wrap;
4791
+ display: grid;
4792
+ grid-template-rows: repeat(2, 50%);
4793
+ grid-template-columns: repeat(2, 50%);
4794
+ }
4795
+ .verify-style_grid_verify .verify-option > div[data-v-a34a7416]:first-child {
4796
+ grid-area: 1 / span 1.5 / span 1;
4797
+ }
4798
+ .verify-style_grid_verify .verify-option > div[data-v-a34a7416]:nth-child(2) {
4799
+ grid-area: 0.5 / span 1 / span 1;
4800
+ }
4801
+ .verify-style_grid_verify .verify-option > div[data-v-a34a7416]:nth-child(3) {
4802
+ grid-area: 2 / span 2 / span 1;
4803
+ }
4804
+ .verify-style_grid_verify .verify-option > div[data-v-a34a7416] {
4805
+ height: 100%;
4806
+ box-sizing: border-box;
4807
+ }
4808
+ .verify-style_grid_verify .verify-option > div > span[data-v-a34a7416]:first-child {
4809
+ flex: initial;
4810
+ padding: 0 3px;
4811
+ }
4812
+ .verify-style_grid_verify .verify-option > div span + span[data-v-a34a7416] {
4813
+ flex: 3;
4814
+ }
4815
+ .verify-style_label_top[data-v-a34a7416] {
4816
+ display: flex;
4817
+ flex-direction: column;
4818
+ height: 100%;
4819
+ box-sizing: border-box;
4820
+ }
4821
+ .verify-style_label_top .verify-text textarea[data-v-a34a7416] {
4822
+ margin-bottom: 0!important;
4823
+ }
4824
+ .verify-style_label_top[data-v-a34a7416] .ant-form-item-control {
4825
+ height: 100%;
4826
+ display: flex;
4827
+ flex-direction: column;
4828
+ justify-content: center;
4829
+ }
4830
+ .verify-style_label_top[data-v-a34a7416] .ant-form-item-label {
4831
+ position: relative !important;
4832
+ width: 100% !important;
4833
+ height: 20% !important;
4834
+ border-right: none !important;
4835
+ border-bottom: 1px solid #000;
4836
+ }
4837
+ .verify-style_label_top[data-v-a34a7416] .ant-form-item-label label {
4838
+ width: 100%;
4839
+ }
4840
+ .verify-style_label_top[data-v-a34a7416] .ant-form-item-label .align-between {
4841
+ width: 100% !important;
4842
+ align-items: flex-start;
4843
+ -moz-text-align-last: left;
4844
+ text-align-last: left;
4845
+ text-align: left;
4846
+ letter-spacing: 8px;
4847
+ text-indent: 10px;
4848
+ }
4849
+ .verify-style_label_top[data-v-a34a7416] .ant-form-item-control-wrapper {
4850
+ width: 100%!important;
4851
+ height: initial !important;
4852
+ flex: 1;
4853
+ margin-top: 5px;
4854
+ }
4855
+ .verify-style_label_top .verify-option[data-v-a34a7416] {
4856
+ margin-top: 0 !important;
4857
+ }
4858
+
4431
4859
  .no-boder[data-v-30732198] {
4432
4860
  border: none;
4433
4861
  }