@zscreate/form-component 1.1.687 → 1.1.689-AI.3

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.
Files changed (4) hide show
  1. package/dist/form-component.css +617 -802
  2. package/dist/form-component.umd.js +150260 -149260
  3. package/package.json +1 -1
  4. package/readme.md +4 -1
package/dist/form-component.css CHANGED
@@ -523,16 +523,16 @@ ul li[data-v-c8780a30] {
523
523
  z-index: 101;
524
524
  }
525
525
 
526
- ul[data-v-f7c20cf8],
527
- li[data-v-f7c20cf8],
528
- dl[data-v-f7c20cf8],
529
- dt[data-v-f7c20cf8],
530
- dd[data-v-f7c20cf8] {
526
+ ul[data-v-79dfc621],
527
+ li[data-v-79dfc621],
528
+ dl[data-v-79dfc621],
529
+ dt[data-v-79dfc621],
530
+ dd[data-v-79dfc621] {
531
531
  list-style-type: none;
532
532
  padding: 0;
533
533
  margin: 0;
534
534
  }
535
- .flowwork-warp[data-v-f7c20cf8] {
535
+ .flowwork-warp[data-v-79dfc621] {
536
536
  position: absolute;
537
537
  left: 0;
538
538
  right: 0;
@@ -540,7 +540,7 @@ dd[data-v-f7c20cf8] {
540
540
  bottom: 64px;
541
541
  background: #fff;
542
542
  }
543
- .g1_workflow_warp[data-v-f7c20cf8] {
543
+ .g1_workflow_warp[data-v-79dfc621] {
544
544
  border: 1px solid #dfdfdf;
545
545
  margin: auto;
546
546
  position: absolute;
@@ -549,12 +549,12 @@ dd[data-v-f7c20cf8] {
549
549
  bottom: 0;
550
550
  top: 0;
551
551
  }
552
- .g1_workflow_warp li[data-v-f7c20cf8] {
552
+ .g1_workflow_warp li[data-v-79dfc621] {
553
553
  width: 100%;
554
554
  position: relative;
555
555
  text-align: center;
556
556
  }
557
- .g1-sider_tool1[data-v-f7c20cf8] {
557
+ .g1-sider_tool1[data-v-79dfc621] {
558
558
  width: 100px;
559
559
  position: absolute;
560
560
  left: 0;
@@ -563,37 +563,37 @@ dd[data-v-f7c20cf8] {
563
563
  border-right: 1px solid #dfdfdf;
564
564
  overflow-y: auto;
565
565
  }
566
- .g1-sider_tool1 .tool_box[data-v-f7c20cf8] {
566
+ .g1-sider_tool1 .tool_box[data-v-79dfc621] {
567
567
  margin-top: 15px;
568
568
  }
569
- .g1-sider_tool1 .tool_box .tool[data-v-f7c20cf8] {
569
+ .g1-sider_tool1 .tool_box .tool[data-v-79dfc621] {
570
570
  text-align: center;
571
571
  font-size: 12px;
572
572
  color: #fff;
573
573
  }
574
574
  /* 公用图形 */
575
- .end[data-v-f7c20cf8] {
575
+ .end[data-v-79dfc621] {
576
576
  border-radius: 100%;
577
577
  }
578
- .comm[data-v-f7c20cf8] {
578
+ .comm[data-v-79dfc621] {
579
579
  border-radius: 0px;
580
580
  }
581
- .gate[data-v-f7c20cf8] {
581
+ .gate[data-v-79dfc621] {
582
582
  width: 60px;
583
583
  border-radius: 0;
584
584
  }
585
- .gate .inner[data-v-f7c20cf8] {
585
+ .gate .inner[data-v-79dfc621] {
586
586
  display: inline-block;
587
587
  font-size: 16px;
588
588
  }
589
- .g1-form_main1[data-v-f7c20cf8] {
589
+ .g1-form_main1[data-v-79dfc621] {
590
590
  position: absolute;
591
591
  left: 100px;
592
592
  right: 0;
593
593
  top: 0;
594
594
  bottom: 0;
595
595
  }
596
- .g1-form_main1 .head[data-v-f7c20cf8] {
596
+ .g1-form_main1 .head[data-v-79dfc621] {
597
597
  height: 46px;
598
598
  line-height: 46px;
599
599
  text-align: left;
@@ -601,11 +601,11 @@ dd[data-v-f7c20cf8] {
601
601
  box-sizing: border-box;
602
602
  border-bottom: 1px solid #d8d8d8;
603
603
  }
604
- .g1-form_main1 .head .ant-btn[data-v-f7c20cf8] {
604
+ .g1-form_main1 .head .ant-btn[data-v-79dfc621] {
605
605
  height: 32px;
606
606
  margin-right: 10px;
607
607
  }
608
- .g1-form_main1 .main[data-v-f7c20cf8] {
608
+ .g1-form_main1 .main[data-v-79dfc621] {
609
609
  position: absolute;
610
610
  left: 0 !important;
611
611
  right: 0px;
@@ -614,12 +614,12 @@ dd[data-v-f7c20cf8] {
614
614
  overflow: auto;
615
615
  box-sizing: border-box;
616
616
  }
617
- .g1-form_main1 .main #flowContainer[data-v-f7c20cf8] {
617
+ .g1-form_main1 .main #flowContainer[data-v-79dfc621] {
618
618
  background-image: linear-gradient(90deg, rgba(180, 180, 180, 0.15) 10%, rgba(180, 180, 180, 0) 10%), linear-gradient(rgba(180, 180, 180, 0.15) 10%, rgba(0, 0, 0, 0) 10%);
619
619
  background-size: 10px 10px;
620
620
  background-color: #fbfbfb;
621
621
  }
622
- .g1-form_main1 .sider-pannel[data-v-f7c20cf8] {
622
+ .g1-form_main1 .sider-pannel[data-v-79dfc621] {
623
623
  width: 250px;
624
624
  padding: 0 15px;
625
625
  position: absolute;
@@ -630,7 +630,7 @@ dd[data-v-f7c20cf8] {
630
630
  background-color: #fff;
631
631
  z-index: 101;
632
632
  }
633
- .g1-form_main1 .sider-pannel .sider-panel-inner[data-v-f7c20cf8] {
633
+ .g1-form_main1 .sider-pannel .sider-panel-inner[data-v-79dfc621] {
634
634
  width: 100%;
635
635
  height: 100%;
636
636
  padding: 15px;
@@ -641,7 +641,7 @@ dd[data-v-f7c20cf8] {
641
641
  top: 0;
642
642
  overflow-y: auto;
643
643
  }
644
- .g1-form_main1 .sider-pannel .sider-open[data-v-f7c20cf8] {
644
+ .g1-form_main1 .sider-pannel .sider-open[data-v-79dfc621] {
645
645
  width: 36px;
646
646
  height: 60px;
647
647
  line-height: 60px;
@@ -657,14 +657,14 @@ dd[data-v-f7c20cf8] {
657
657
  background-color: #fff;
658
658
  }
659
659
  /* 视图图形 */
660
- .flow-view[data-v-f7c20cf8] {
660
+ .flow-view[data-v-79dfc621] {
661
661
  position: absolute;
662
662
  left: 0;
663
663
  right: 0;
664
664
  top: 0;
665
665
  bottom: 0;
666
666
  }
667
- .flow-view .inner .flow-node-drag[data-v-f7c20cf8] {
667
+ .flow-view .inner .flow-node-drag[data-v-79dfc621] {
668
668
  width: 12px;
669
669
  height: 12px;
670
670
  display: block;
@@ -675,27 +675,27 @@ dd[data-v-f7c20cf8] {
675
675
  cursor: crosshair;
676
676
  background: rgba(24, 144, 255, 0.6);
677
677
  }
678
- .flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(1) {
678
+ .flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(1) {
679
679
  left: -6px;
680
680
  top: 0;
681
681
  bottom: 0;
682
682
  }
683
- .flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(2) {
683
+ .flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(2) {
684
684
  top: -6px;
685
685
  left: 0;
686
686
  right: 0;
687
687
  }
688
- .flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(3) {
688
+ .flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(3) {
689
689
  right: -6px;
690
690
  top: 0;
691
691
  bottom: 0;
692
692
  }
693
- .flow-view .inner .flow-node-drag[data-v-f7c20cf8]:nth-child(4) {
693
+ .flow-view .inner .flow-node-drag[data-v-79dfc621]:nth-child(4) {
694
694
  bottom: -6px;
695
695
  left: 0;
696
696
  right: 0;
697
697
  }
698
- .flow-view .tool[data-v-f7c20cf8] {
698
+ .flow-view .tool[data-v-79dfc621] {
699
699
  width: 100%;
700
700
  height: 100%;
701
701
  margin: 0;
@@ -703,14 +703,14 @@ dd[data-v-f7c20cf8] {
703
703
  box-shadow: 5px 5px 3px #d4d0d0;
704
704
  background: #fbfbfb;
705
705
  }
706
- .flow-view .tool .iconfont[data-v-f7c20cf8] {
706
+ .flow-view .tool .iconfont[data-v-79dfc621] {
707
707
  font-size: 100%;
708
708
  color: #858587;
709
709
  }
710
- .flow-view .exclude_gateway[data-v-f7c20cf8] {
710
+ .flow-view .exclude_gateway[data-v-79dfc621] {
711
711
  box-shadow: 0 0 0 #ccc;
712
712
  }
713
- .flow-view .gate[data-v-f7c20cf8] {
713
+ .flow-view .gate[data-v-79dfc621] {
714
714
  line-height: 50px;
715
715
  position: absolute;
716
716
  left: 0;
@@ -718,9 +718,9 @@ dd[data-v-f7c20cf8] {
718
718
  top: 0;
719
719
  bottom: 0;
720
720
  }
721
- .flow-view .ordinary_gateway[data-v-f7c20cf8],
722
- .flow-view .parall_gateway[data-v-f7c20cf8],
723
- .flow-view .exclude_gateway[data-v-f7c20cf8] {
721
+ .flow-view .ordinary_gateway[data-v-79dfc621],
722
+ .flow-view .parall_gateway[data-v-79dfc621],
723
+ .flow-view .exclude_gateway[data-v-79dfc621] {
724
724
  border: none;
725
725
  border-radius: 0;
726
726
  background-size: cover;
@@ -728,35 +728,35 @@ dd[data-v-f7c20cf8] {
728
728
  background-position: center center;
729
729
  box-shadow: 0 0 0 #ccc;
730
730
  }
731
- .flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(1),
732
- .flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(1),
733
- .flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(1) {
731
+ .flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(1),
732
+ .flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(1),
733
+ .flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(1) {
734
734
  left: 0;
735
735
  top: 0;
736
736
  bottom: 0;
737
737
  }
738
- .flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(2),
739
- .flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(2),
740
- .flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(2) {
738
+ .flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(2),
739
+ .flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(2),
740
+ .flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(2) {
741
741
  top: 0;
742
742
  left: 0;
743
743
  right: 0;
744
744
  }
745
- .flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(3),
746
- .flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(3),
747
- .flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(3) {
745
+ .flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(3),
746
+ .flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(3),
747
+ .flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(3) {
748
748
  right: 0;
749
749
  top: 0;
750
750
  bottom: 0;
751
751
  }
752
- .flow-view .ordinary_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(4),
753
- .flow-view .parall_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(4),
754
- .flow-view .exclude_gateway .flow-node-drag[data-v-f7c20cf8]:nth-child(4) {
752
+ .flow-view .ordinary_gateway .flow-node-drag[data-v-79dfc621]:nth-child(4),
753
+ .flow-view .parall_gateway .flow-node-drag[data-v-79dfc621]:nth-child(4),
754
+ .flow-view .exclude_gateway .flow-node-drag[data-v-79dfc621]:nth-child(4) {
755
755
  bottom: 0;
756
756
  left: 0;
757
757
  right: 0;
758
758
  }
759
- .flow-view .exclude_gateway[data-v-f7c20cf8] {
759
+ .flow-view .exclude_gateway[data-v-79dfc621] {
760
760
  width: 70%;
761
761
  height: 70%;
762
762
  margin: 15%;
@@ -765,7 +765,7 @@ dd[data-v-f7c20cf8] {
765
765
  transform: rotate(45deg);
766
766
  position: relative;
767
767
  }
768
- .flow-view .exclude_gateway[data-v-f7c20cf8]::before {
768
+ .flow-view .exclude_gateway[data-v-79dfc621]::before {
769
769
  content: '';
770
770
  width: 2px;
771
771
  background-color: #7a7a7a;
@@ -775,7 +775,7 @@ dd[data-v-f7c20cf8] {
775
775
  top: calc(50% - 10px);
776
776
  left: calc(50% - 1px);
777
777
  }
778
- .flow-view .exclude_gateway[data-v-f7c20cf8]::after {
778
+ .flow-view .exclude_gateway[data-v-79dfc621]::after {
779
779
  content: '';
780
780
  width: 20px;
781
781
  background-color: #7a7a7a;
@@ -785,7 +785,7 @@ dd[data-v-f7c20cf8] {
785
785
  top: calc(50% - 1px);
786
786
  left: calc(50% - 10px);
787
787
  }
788
- .flow-view .parall_gateway[data-v-f7c20cf8] {
788
+ .flow-view .parall_gateway[data-v-79dfc621] {
789
789
  width: 70%;
790
790
  height: 70%;
791
791
  margin: 15%;
@@ -794,7 +794,7 @@ dd[data-v-f7c20cf8] {
794
794
  transform: rotate(45deg);
795
795
  position: relative;
796
796
  }
797
- .flow-view .parall_gateway[data-v-f7c20cf8]::after {
797
+ .flow-view .parall_gateway[data-v-79dfc621]::after {
798
798
  content: '';
799
799
  width: 20px;
800
800
  background-color: #7a7a7a;
@@ -806,7 +806,7 @@ dd[data-v-f7c20cf8] {
806
806
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
807
807
  transform: rotate(45deg);
808
808
  }
809
- .flow-view .parall_gateway[data-v-f7c20cf8]::before {
809
+ .flow-view .parall_gateway[data-v-79dfc621]::before {
810
810
  content: '';
811
811
  width: 2px;
812
812
  background-color: #7a7a7a;
@@ -819,7 +819,7 @@ dd[data-v-f7c20cf8] {
819
819
  transform: rotate(45deg);
820
820
  }
821
821
  /* 线条工具 */
822
- .lineTool[data-v-f7c20cf8] {
822
+ .lineTool[data-v-79dfc621] {
823
823
  width: 130px;
824
824
  height: 26px;
825
825
  border: 1px solid #1890ff;
@@ -827,7 +827,7 @@ dd[data-v-f7c20cf8] {
827
827
  background-color: #fff;
828
828
  text-align: left;
829
829
  }
830
- .lineTool li[data-v-f7c20cf8] {
830
+ .lineTool li[data-v-79dfc621] {
831
831
  width: 30px;
832
832
  height: 26px;
833
833
  display: inline-block;
@@ -835,14 +835,14 @@ dd[data-v-f7c20cf8] {
835
835
  text-align: center;
836
836
  color: #1890ff;
837
837
  }
838
- .tool-drag a .inner[data-v-f7c20cf8] {
838
+ .tool-drag a .inner[data-v-79dfc621] {
839
839
  color: #f00 !important;
840
840
  }
841
- .ant-layout-footer[data-v-f7c20cf8] {
841
+ .ant-layout-footer[data-v-79dfc621] {
842
842
  z-index: 10;
843
843
  }
844
844
 
845
- #flowContainer[data-v-f7c20cf8] {
845
+ #flowContainer[data-v-79dfc621] {
846
846
  width: 1000000px;
847
847
  height: 1000000px;
848
848
  position: absolute;
@@ -855,14 +855,14 @@ dd[data-v-f7c20cf8] {
855
855
  left: -500000px;
856
856
  top: -500000px; */
857
857
  }
858
- .loading[data-v-f7c20cf8] {
858
+ .loading[data-v-79dfc621] {
859
859
  height: 100%;
860
860
  width: 100%;
861
861
  display: flex;
862
862
  align-items: center;
863
863
  justify-content: center;
864
864
  }
865
- [data-v-f7c20cf8] .labelClass {
865
+ [data-v-79dfc621] .labelClass {
866
866
  z-index: 1;
867
867
  background-color: #539dfa !important;
868
868
  padding: 5px;
@@ -870,7 +870,7 @@ dd[data-v-f7c20cf8] {
870
870
  color: #fff;
871
871
  }
872
872
 
873
- .flowWorkCard[data-v-703a8296]{border-radius:10px;background-color:#f5f7fa;padding:18px 5px 18px 16px;overflow:hidden;margin-bottom:10px}[data-v-703a8296] .el-timeline .el-timeline-item__timestamp{display:none}[data-v-703a8296] .el-timeline .el-timeline-item{padding-bottom:20px}[data-v-703a8296] .el-timeline .el-timeline-item:last-child{padding-bottom:0}[data-v-703a8296] .el-timeline .el-timeline-item[hollow='true'] .el-timeline-item__node{border-color:#22BE65 !important}[data-v-703a8296] .el-timeline .el-timeline-item[hollow='ZHONGZHI'] .el-timeline-item__node,[data-v-703a8296] .el-timeline .el-timeline-item[hollow='ZHONGZHI'] .el-timeline-item__tail{border-color:#c62d35 !important}[data-v-703a8296] .el-timeline .el-timeline-item__tail{border-style:dashed;left:6px;border-color:#268AEF;border-right:0}[data-v-703a8296] .el-timeline .el-timeline-item__node{width:16px;height:16px;border:2px solid #268AEF !important;background:#fff}
873
+ .flowWorkCard[data-v-d936086e]{border-radius:10px;background-color:#f5f7fa;padding:18px 5px 18px 16px;overflow:hidden;margin-bottom:10px}[data-v-d936086e] .ant-timeline .ant-timeline-item{padding-bottom:20px}[data-v-d936086e] .ant-timeline .ant-timeline-item:last-child{padding-bottom:0}[data-v-d936086e] .ant-timeline .ant-timeline-item-tail{border-left-style:dashed;border-left-color:#268AEF;left:7px !important}[data-v-d936086e] .ant-timeline .ant-timeline-item-head{width:16px;height:16px;border:2px solid #268AEF;background:#fff}
874
874
 
875
875
  /****提示框样式 */
876
876
  .tips-content[data-v-4fb63fb6] {
@@ -1262,306 +1262,6 @@ dd[data-v-f7c20cf8] {
1262
1262
  width: 100%;
1263
1263
  }
1264
1264
 
1265
-
1266
-
1267
-
1268
-
1269
-
1270
-
1271
-
1272
-
1273
-
1274
-
1275
-
1276
-
1277
-
1278
-
1279
-
1280
-
1281
-
1282
-
1283
-
1284
-
1285
-
1286
-
1287
-
1288
-
1289
-
1290
-
1291
-
1292
-
1293
-
1294
-
1295
-
1296
-
1297
-
1298
-
1299
-
1300
-
1301
-
1302
-
1303
-
1304
-
1305
-
1306
-
1307
-
1308
-
1309
-
1310
-
1311
-
1312
-
1313
-
1314
-
1315
-
1316
-
1317
-
1318
-
1319
-
1320
-
1321
-
1322
-
1323
-
1324
-
1325
-
1326
-
1327
-
1328
-
1329
-
1330
-
1331
-
1332
-
1333
-
1334
-
1335
-
1336
-
1337
-
1338
-
1339
-
1340
-
1341
-
1342
-
1343
-
1344
-
1345
-
1346
-
1347
-
1348
-
1349
-
1350
-
1351
-
1352
-
1353
-
1354
-
1355
-
1356
-
1357
-
1358
-
1359
-
1360
-
1361
-
1362
-
1363
-
1364
-
1365
-
1366
-
1367
-
1368
-
1369
-
1370
-
1371
-
1372
-
1373
-
1374
-
1375
-
1376
-
1377
-
1378
-
1379
-
1380
-
1381
-
1382
-
1383
-
1384
-
1385
-
1386
-
1387
-
1388
-
1389
-
1390
-
1391
-
1392
-
1393
-
1394
-
1395
-
1396
-
1397
-
1398
-
1399
-
1400
-
1401
-
1402
-
1403
-
1404
-
1405
-
1406
-
1407
-
1408
-
1409
-
1410
-
1411
-
1412
-
1413
-
1414
-
1415
-
1416
-
1417
-
1418
-
1419
-
1420
-
1421
-
1422
-
1423
-
1424
-
1425
-
1426
-
1427
-
1428
-
1429
-
1430
-
1431
-
1432
-
1433
-
1434
-
1435
-
1436
-
1437
-
1438
-
1439
-
1440
-
1441
-
1442
-
1443
-
1444
-
1445
-
1446
-
1447
-
1448
-
1449
-
1450
-
1451
-
1452
-
1453
-
1454
-
1455
-
1456
-
1457
-
1458
-
1459
-
1460
-
1461
-
1462
-
1463
-
1464
-
1465
-
1466
-
1467
-
1468
-
1469
-
1470
-
1471
-
1472
-
1473
-
1474
-
1475
-
1476
-
1477
-
1478
-
1479
-
1480
-
1481
-
1482
-
1483
-
1484
-
1485
-
1486
-
1487
-
1488
-
1489
-
1490
-
1491
-
1492
-
1493
-
1494
-
1495
-
1496
-
1497
-
1498
-
1499
-
1500
-
1501
-
1502
-
1503
-
1504
-
1505
-
1506
-
1507
-
1508
-
1509
-
1510
-
1511
-
1512
-
1513
-
1514
-
1515
-
1516
-
1517
-
1518
-
1519
-
1520
-
1521
-
1522
-
1523
-
1524
-
1525
-
1526
-
1527
-
1528
-
1529
-
1530
-
1531
-
1532
-
1533
-
1534
-
1535
-
1536
-
1537
-
1538
-
1539
-
1540
-
1541
-
1542
-
1543
-
1544
-
1545
-
1546
-
1547
-
1548
-
1549
-
1550
-
1551
-
1552
-
1553
-
1554
-
1555
-
1556
-
1557
- /*****解决element select 组件显示问题 不能加scoped deep 兼容火狐 和 sifri浏览器****/
1558
- .j-dict-select-tag .el-select__tags {
1559
- max-width: 100% !important;
1560
- }
1561
- .j-dict-select-tag .el-input .el-input__inner {
1562
- min-height: 32px !important;
1563
- }
1564
-
1565
1265
  .content .left[data-v-d87eee8c] {
1566
1266
  width: 90%;
1567
1267
  border-right: 1px solid #ccc;
@@ -1890,12 +1590,12 @@ li.CodeMirror-hint-active {
1890
1590
  }
1891
1591
 
1892
1592
 
1893
- [data-v-91610be4] .ant-select-selection__rendered::after {
1593
+ [data-v-d5d5d844] .ant-select-selection__rendered::after {
1894
1594
  content: "";
1895
1595
  display: none;
1896
1596
  height: 0;
1897
1597
  }
1898
- .designDataList[data-v-91610be4] {
1598
+ .designDataList[data-v-d5d5d844] {
1899
1599
  display: flex;
1900
1600
  margin-bottom: 5px;
1901
1601
  }
@@ -1965,7 +1665,7 @@ li.CodeMirror-hint-active {
1965
1665
  }
1966
1666
 
1967
1667
 
1968
- [data-v-0da2fa6f] .ant-select-selection__rendered::after {
1668
+ [data-v-2b3989c5] .ant-select-selection__rendered::after {
1969
1669
  content: "";
1970
1670
  display: none;
1971
1671
  height: 0;
@@ -2197,43 +1897,43 @@ li.CodeMirror-hint-active {
2197
1897
  }
2198
1898
 
2199
1899
 
2200
- [data-v-1037c7b8] .ant-col {
1900
+ [data-v-50c00481] .ant-col {
2201
1901
  min-height: 50px;
2202
1902
  }
2203
- [data-v-1037c7b8] .vue-grid-layout {
1903
+ [data-v-50c00481] .vue-grid-layout {
2204
1904
  z-index: 2;
2205
1905
  }
2206
- [data-v-1037c7b8] .vue-grid-item {
1906
+ [data-v-50c00481] .vue-grid-item {
2207
1907
  border: 1px dashed #ccc;
2208
1908
  box-sizing: border-box;
2209
1909
  background-color: #fff;
2210
1910
  }
2211
- .is_required[data-v-1037c7b8]::before {
1911
+ .is_required[data-v-50c00481]::before {
2212
1912
  content: "*";
2213
1913
  color: #f56c6c;
2214
1914
  margin-right: 4px;
2215
1915
  }
2216
- .widget-form-list[data-v-1037c7b8] {
1916
+ .widget-form-list[data-v-50c00481] {
2217
1917
  background: #fff;
2218
1918
  border: 1px solid var(--designBorderColor);
2219
1919
  box-sizing: border-box;
2220
1920
  }
2221
- .widget-form-list .row-item[data-v-1037c7b8]:not(:last-child) {
1921
+ .widget-form-list .row-item[data-v-50c00481]:not(:last-child) {
2222
1922
  border-bottom: 1px solid var(--designBorderColor);
2223
1923
  }
2224
- .widget-form-list .widget-grid[data-v-1037c7b8] {
1924
+ .widget-form-list .widget-grid[data-v-50c00481] {
2225
1925
  background: #f4f6fc;
2226
1926
  position: relative;
2227
1927
  border-left: 5px solid transparent;
2228
1928
  padding: 5px;
2229
1929
  margin: 0 !important;
2230
1930
  }
2231
- .widget-form-list .widget-grid.active[data-v-1037c7b8] {
1931
+ .widget-form-list .widget-grid.active[data-v-50c00481] {
2232
1932
  outline: 2px solid #409eff;
2233
1933
  border: 1px solid #409eff;
2234
1934
  background: #b3d8ff;
2235
1935
  }
2236
- .widget-form-list .widget-grid .grid-background[data-v-1037c7b8] {
1936
+ .widget-form-list .widget-grid .grid-background[data-v-50c00481] {
2237
1937
  position: absolute;
2238
1938
  z-index: 1;
2239
1939
  top: 0;
@@ -2244,85 +1944,85 @@ li.CodeMirror-hint-active {
2244
1944
  height: 100%;
2245
1945
  padding: 5px 5px 10px 5px;
2246
1946
  }
2247
- .widget-form-list .widget-grid .grid-background .rows[data-v-1037c7b8] {
1947
+ .widget-form-list .widget-grid .grid-background .rows[data-v-50c00481] {
2248
1948
  border-bottom: 1px dashed #ccc;
2249
1949
  border-left: 1px dashed #ccc;
2250
1950
  box-sizing: border-box;
2251
1951
  overflow: hidden;
2252
1952
  }
2253
- .widget-form-list .widget-grid .grid-background .rows[data-v-1037c7b8]:first-child {
1953
+ .widget-form-list .widget-grid .grid-background .rows[data-v-50c00481]:first-child {
2254
1954
  border-top: 1px dashed #ccc;
2255
1955
  }
2256
- .widget-form-list .widget-grid .grid-background .rows .columns[data-v-1037c7b8] {
1956
+ .widget-form-list .widget-grid .grid-background .rows .columns[data-v-50c00481] {
2257
1957
  float: left;
2258
1958
  border-right: 1px dashed #ccc;
2259
1959
  min-height: 40px;
2260
1960
  box-sizing: border-box;
2261
1961
  }
2262
- .widget-form-list .row_table[data-v-1037c7b8] {
1962
+ .widget-form-list .row_table[data-v-50c00481] {
2263
1963
  min-height: 60px;
2264
1964
  position: relative;
2265
1965
  border-bottom: 1px solid #e6e6e6;
2266
1966
  }
2267
- .widget-form-list li.sortable-chosen[data-v-1037c7b8] {
1967
+ .widget-form-list li.sortable-chosen[data-v-50c00481] {
2268
1968
  height: 2px !important;
2269
1969
  overflow: hidden !important;
2270
1970
  background: red !important;
2271
1971
  }
2272
- .widget-form-list .widget-col-list[data-v-1037c7b8] {
1972
+ .widget-form-list .widget-col-list[data-v-50c00481] {
2273
1973
  min-height: 50px;
2274
1974
  border: 1px dashed #ccc;
2275
1975
  background: #fff;
2276
1976
  }
2277
- .widget-form-list .widget-col[data-v-1037c7b8] {
1977
+ .widget-form-list .widget-col[data-v-50c00481] {
2278
1978
  padding-bottom: 0;
2279
1979
  background-color: rgba(253, 246, 236, 0.3);
2280
1980
  }
2281
- .grid-lay-out-wrap .widget-col-list[data-v-1037c7b8] {
1981
+ .grid-lay-out-wrap .widget-col-list[data-v-50c00481] {
2282
1982
  width: 100%;
2283
1983
  height: 100%;
2284
1984
  min-height: 40px;
2285
1985
  border: none;
2286
1986
  }
2287
- .widget-form-ocuupied[data-v-1037c7b8] {
1987
+ .widget-form-ocuupied[data-v-50c00481] {
2288
1988
  min-height: 540px;
2289
1989
  border: none;
2290
1990
  }
2291
- .drag_table[data-v-1037c7b8] {
1991
+ .drag_table[data-v-50c00481] {
2292
1992
  width: calc(100% - 100px);
2293
1993
  height: 100%;
2294
1994
  display: flex;
2295
1995
  overflow-y: scroll;
2296
1996
  }
2297
- .drag_table[data-v-1037c7b8]::-webkit-scrollbar {
1997
+ .drag_table[data-v-50c00481]::-webkit-scrollbar {
2298
1998
  width: 3px;
2299
1999
  height: 3px;
2300
2000
  }
2301
- .drag_table[data-v-1037c7b8]::-webkit-scrollbar-track {
2001
+ .drag_table[data-v-50c00481]::-webkit-scrollbar-track {
2302
2002
  background: #fff;
2303
2003
  border-radius: 2px;
2304
2004
  }
2305
- .drag_table[data-v-1037c7b8]::-webkit-scrollbar-thumb {
2005
+ .drag_table[data-v-50c00481]::-webkit-scrollbar-thumb {
2306
2006
  background: #cdcdcd;
2307
2007
  border-radius: 8px;
2308
2008
  }
2309
- .drag_table[data-v-1037c7b8]::-webkit-scrollbar-thumb:hover {
2009
+ .drag_table[data-v-50c00481]::-webkit-scrollbar-thumb:hover {
2310
2010
  background: #cdcdcd;
2311
2011
  }
2312
- .drag_table[data-v-1037c7b8]::-webkit-scrollbar-corner {
2012
+ .drag_table[data-v-50c00481]::-webkit-scrollbar-corner {
2313
2013
  background: #cdcdcd;
2314
2014
  }
2315
- .widget-form-ocuupied[data-v-1037c7b8] {
2015
+ .widget-form-ocuupied[data-v-50c00481] {
2316
2016
  min-height: 540px;
2317
2017
  border: none;
2318
2018
  }
2319
- .table_label[data-v-1037c7b8] {
2019
+ .table_label[data-v-50c00481] {
2320
2020
  width: 100px;
2321
2021
  min-width: 100px;
2322
2022
  height: 100%;
2323
2023
  text-align: right;
2324
2024
  }
2325
- .widget-view-model[data-v-1037c7b8] {
2025
+ .widget-view-model[data-v-50c00481] {
2326
2026
  position: absolute;
2327
2027
  top: 0px;
2328
2028
  right: 3px;
@@ -2332,12 +2032,12 @@ li.CodeMirror-hint-active {
2332
2032
  opacity: 0.6;
2333
2033
  }
2334
2034
  /**selectedWidget active*/
2335
- .active[data-v-1037c7b8] {
2336
- outline: 2px solid #539dfa;
2337
- box-shadow: 0 0 5px #539dfa;
2035
+ .active[data-v-50c00481] {
2036
+ outline: 2px solid #409EFF;
2037
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
2338
2038
  position: relative;
2339
2039
  }
2340
- .active .widget-view-drag[data-v-1037c7b8] {
2040
+ .active .widget-view-drag[data-v-50c00481] {
2341
2041
  position: absolute;
2342
2042
  left: -2px;
2343
2043
  top: -2px;
@@ -2351,7 +2051,7 @@ li.CodeMirror-hint-active {
2351
2051
  color: #ffffff;
2352
2052
  cursor: move;
2353
2053
  }
2354
- .active .widget-view-action[data-v-1037c7b8] {
2054
+ .active .widget-view-action[data-v-50c00481] {
2355
2055
  width: 70px;
2356
2056
  position: absolute;
2357
2057
  right: 0px;
@@ -2364,29 +2064,29 @@ li.CodeMirror-hint-active {
2364
2064
  background: transparent;
2365
2065
  color: #fff;
2366
2066
  }
2367
- .active .widget-view-action .iconfont[data-v-1037c7b8] {
2067
+ .active .widget-view-action .iconfont[data-v-50c00481] {
2368
2068
  width: 25px;
2369
2069
  height: 25px;
2370
2070
  border-radius: 50%;
2371
2071
  cursor: pointer;
2372
- background: #539dfa;
2072
+ background: #409EFF;
2373
2073
  display: flex;
2374
2074
  font-size: 14px;
2375
2075
  justify-content: center;
2376
2076
  }
2377
- .active .widget-view-action .icon-icon_clone[data-v-1037c7b8] {
2077
+ .active .widget-view-action .icon-icon_clone[data-v-50c00481] {
2378
2078
  background: red;
2379
2079
  }
2380
- .active .widget-view-action .icon-trash[data-v-1037c7b8] {
2080
+ .active .widget-view-action .icon-trash[data-v-50c00481] {
2381
2081
  margin-left: 20px;
2382
2082
  }
2383
- .widget-form-list .widget-view[data-v-1037c7b8] {
2083
+ .widget-form-list .widget-view[data-v-50c00481] {
2384
2084
  position: relative;
2385
2085
  border: 1px dashed rgba(170, 170, 170, 0.7);
2386
2086
  background-color: rgba(236, 245, 255, 0.3);
2387
2087
  margin: 2px;
2388
2088
  }
2389
- .widget-form-list .widget-view .widget-view-action[data-v-1037c7b8] {
2089
+ .widget-form-list .widget-view .widget-view-action[data-v-50c00481] {
2390
2090
  position: absolute;
2391
2091
  right: 0px;
2392
2092
  bottom: 0;
@@ -2398,7 +2098,7 @@ li.CodeMirror-hint-active {
2398
2098
  background: transparent;
2399
2099
  color: #fff;
2400
2100
  }
2401
- .widget-form-list .widget-view .widget-view-action .iconfont[data-v-1037c7b8] {
2101
+ .widget-form-list .widget-view .widget-view-action .iconfont[data-v-50c00481] {
2402
2102
  width: 25px;
2403
2103
  height: 25px;
2404
2104
  border-radius: 50%;
@@ -2408,13 +2108,13 @@ li.CodeMirror-hint-active {
2408
2108
  font-size: 14px;
2409
2109
  justify-content: center;
2410
2110
  }
2411
- .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-1037c7b8] {
2111
+ .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-50c00481] {
2412
2112
  background: red;
2413
2113
  }
2414
- .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-1037c7b8] {
2114
+ .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-50c00481] {
2415
2115
  margin-left: 20px;
2416
2116
  }
2417
- .widget-form-list .widget-view .widget-view-drag[data-v-1037c7b8] {
2117
+ .widget-form-list .widget-view .widget-view-drag[data-v-50c00481] {
2418
2118
  position: absolute;
2419
2119
  left: -2px;
2420
2120
  top: -2px;
@@ -2424,20 +2124,20 @@ li.CodeMirror-hint-active {
2424
2124
  background: #409eff;
2425
2125
  z-index: 9;
2426
2126
  }
2427
- .widget-form-list .widget-view .widget-view-drag i[data-v-1037c7b8] {
2127
+ .widget-form-list .widget-view .widget-view-drag i[data-v-50c00481] {
2428
2128
  font-size: 14px;
2429
2129
  color: #fff;
2430
2130
  margin: 0 5px;
2431
2131
  cursor: move;
2432
2132
  }
2433
- [data-v-1037c7b8] .ant-form-item-control-wrapper {
2133
+ [data-v-50c00481] .ant-form-item-control-wrapper {
2434
2134
  border-right: 1px solid #000;
2435
2135
  border-bottom: 1px solid #000;
2436
2136
  }
2437
- .all-lay-out[data-v-1037c7b8] {
2137
+ .all-lay-out[data-v-50c00481] {
2438
2138
  position: relative;
2439
2139
  }
2440
- .all-lay-out .all-lay-out-bg[data-v-1037c7b8] {
2140
+ .all-lay-out .all-lay-out-bg[data-v-50c00481] {
2441
2141
  position: absolute;
2442
2142
  left: 0;
2443
2143
  width: 100%;
@@ -2445,22 +2145,22 @@ li.CodeMirror-hint-active {
2445
2145
  top: 0;
2446
2146
  z-index: 0;
2447
2147
  }
2448
- .all-lay-out[data-v-1037c7b8] .widget-col-list {
2148
+ .all-lay-out[data-v-50c00481] .widget-col-list {
2449
2149
  width: 100%;
2450
2150
  height: 100%;
2451
2151
  }
2452
- .all-lay-out .all-grid-item-wrap[data-v-1037c7b8] {
2152
+ .all-lay-out .all-grid-item-wrap[data-v-50c00481] {
2453
2153
  width: 100%;
2454
2154
  height: 100%;
2455
2155
  background: #fff;
2456
2156
  }
2457
- .all-lay-out .all-lay-out-edit-wrap[data-v-1037c7b8] {
2157
+ .all-lay-out .all-lay-out-edit-wrap[data-v-50c00481] {
2458
2158
  position: relative;
2459
2159
  height: 100%;
2460
2160
  left: 90px;
2461
2161
  top: 0;
2462
2162
  }
2463
- .all-lay-out .all-lay-out-label[data-v-1037c7b8] {
2163
+ .all-lay-out .all-lay-out-label[data-v-50c00481] {
2464
2164
  position: absolute;
2465
2165
  left: 0;
2466
2166
  top: 0;
@@ -2477,72 +2177,72 @@ li.CodeMirror-hint-active {
2477
2177
  }
2478
2178
 
2479
2179
 
2480
- [data-v-510dd67a] .ant-col {
2180
+ [data-v-fba51b4c] .ant-col {
2481
2181
  min-height: 50px;
2482
2182
  }
2483
- [data-v-510dd67a] .vue-grid-layout {
2183
+ [data-v-fba51b4c] .vue-grid-layout {
2484
2184
  z-index: 2;
2485
2185
  }
2486
- [data-v-510dd67a] .vue-grid-item {
2186
+ [data-v-fba51b4c] .vue-grid-item {
2487
2187
  border: 1px dashed #ccc;
2488
2188
  box-sizing: border-box;
2489
2189
  background-color: #fff;
2490
2190
  }
2491
- [data-v-510dd67a] .ant-form-item {
2191
+ [data-v-fba51b4c] .ant-form-item {
2492
2192
  height: 100%;
2493
2193
  }
2494
- [data-v-510dd67a] .ant-form-item .ant-form-item-label {
2194
+ [data-v-fba51b4c] .ant-form-item .ant-form-item-label {
2495
2195
  height: 100%;
2496
2196
  position: absolute;
2497
2197
  left: 0;
2498
2198
  top: 0;
2499
2199
  border-right: 1px solid #333;
2500
2200
  }
2501
- [data-v-510dd67a] .ant-form-item .ant-form-item-label label {
2201
+ [data-v-fba51b4c] .ant-form-item .ant-form-item-label label {
2502
2202
  display: flex;
2503
2203
  justify-content: center;
2504
2204
  align-items: center;
2505
2205
  height: 100%;
2506
2206
  }
2507
- [data-v-510dd67a] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
2207
+ [data-v-fba51b4c] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
2508
2208
  display: none;
2509
2209
  }
2510
- [data-v-510dd67a] .ant-form-item .ant-form-item-control-wrapper {
2210
+ [data-v-fba51b4c] .ant-form-item .ant-form-item-control-wrapper {
2511
2211
  height: 100%;
2512
2212
  float: right;
2513
2213
  display: flex;
2514
2214
  align-items: center;
2515
2215
  }
2516
- [data-v-510dd67a] .ant-form-item .ant-form-item-control {
2216
+ [data-v-fba51b4c] .ant-form-item .ant-form-item-control {
2517
2217
  width: 98%;
2518
2218
  margin: 0 auto;
2519
2219
  }
2520
- .is_required[data-v-510dd67a]::before {
2220
+ .is_required[data-v-fba51b4c]::before {
2521
2221
  content: "*";
2522
2222
  color: #f56c6c;
2523
2223
  margin-right: 4px;
2524
2224
  }
2525
- .widget-form-list[data-v-510dd67a] {
2225
+ .widget-form-list[data-v-fba51b4c] {
2526
2226
  background: #fff;
2527
2227
  border: 1px solid var(--designBorderColor);
2528
2228
  box-sizing: border-box;
2529
2229
  }
2530
- .widget-form-list .row-item[data-v-510dd67a]:not(:last-child) {
2230
+ .widget-form-list .row-item[data-v-fba51b4c]:not(:last-child) {
2531
2231
  border-bottom: 1px solid var(--designBorderColor);
2532
2232
  }
2533
- .widget-form-list .widget-grid[data-v-510dd67a] {
2233
+ .widget-form-list .widget-grid[data-v-fba51b4c] {
2534
2234
  background: #f4f6fc;
2535
2235
  position: relative;
2536
2236
  border-left: 5px solid transparent;
2537
2237
  padding: 5px;
2538
2238
  margin: 0 !important;
2539
2239
  }
2540
- .widget-form-list .widget-grid.active[data-v-510dd67a] {
2240
+ .widget-form-list .widget-grid.active[data-v-fba51b4c] {
2541
2241
  outline: 2px solid #409eff;
2542
2242
  border: 1px solid #409eff;
2543
2243
  background: #b3d8ff;
2544
2244
  }
2545
- .widget-form-list .widget-grid .grid-background[data-v-510dd67a] {
2245
+ .widget-form-list .widget-grid .grid-background[data-v-fba51b4c] {
2546
2246
  position: absolute;
2547
2247
  z-index: 1;
2548
2248
  top: 0;
@@ -2553,85 +2253,85 @@ li.CodeMirror-hint-active {
2553
2253
  height: 100%;
2554
2254
  padding: 5px 5px 10px 5px;
2555
2255
  }
2556
- .widget-form-list .widget-grid .grid-background .rows[data-v-510dd67a] {
2256
+ .widget-form-list .widget-grid .grid-background .rows[data-v-fba51b4c] {
2557
2257
  border-bottom: 1px dashed #ccc;
2558
2258
  border-left: 1px dashed #ccc;
2559
2259
  box-sizing: border-box;
2560
2260
  overflow: hidden;
2561
2261
  }
2562
- .widget-form-list .widget-grid .grid-background .rows[data-v-510dd67a]:first-child {
2262
+ .widget-form-list .widget-grid .grid-background .rows[data-v-fba51b4c]:first-child {
2563
2263
  border-top: 1px dashed #ccc;
2564
2264
  }
2565
- .widget-form-list .widget-grid .grid-background .rows .columns[data-v-510dd67a] {
2265
+ .widget-form-list .widget-grid .grid-background .rows .columns[data-v-fba51b4c] {
2566
2266
  float: left;
2567
2267
  border-right: 1px dashed #ccc;
2568
2268
  min-height: 40px;
2569
2269
  box-sizing: border-box;
2570
2270
  }
2571
- .widget-form-list .row_table[data-v-510dd67a] {
2271
+ .widget-form-list .row_table[data-v-fba51b4c] {
2572
2272
  min-height: 60px;
2573
2273
  position: relative;
2574
2274
  border-bottom: 1px solid #333;
2575
2275
  }
2576
- .widget-form-list li.sortable-chosen[data-v-510dd67a] {
2276
+ .widget-form-list li.sortable-chosen[data-v-fba51b4c] {
2577
2277
  height: 2px !important;
2578
2278
  overflow: hidden !important;
2579
2279
  background: red !important;
2580
2280
  }
2581
- .widget-form-list .widget-col-list[data-v-510dd67a] {
2281
+ .widget-form-list .widget-col-list[data-v-fba51b4c] {
2582
2282
  min-height: 50px;
2583
2283
  border: 1px dashed #ccc;
2584
2284
  background: #fff;
2585
2285
  }
2586
- .widget-form-list .widget-col[data-v-510dd67a] {
2286
+ .widget-form-list .widget-col[data-v-fba51b4c] {
2587
2287
  padding-bottom: 0;
2588
2288
  background-color: rgba(253, 246, 236, 0.3);
2589
2289
  }
2590
- .grid-lay-out-wrap .widget-col-list[data-v-510dd67a] {
2290
+ .grid-lay-out-wrap .widget-col-list[data-v-fba51b4c] {
2591
2291
  width: 100%;
2592
2292
  height: 100%;
2593
2293
  min-height: 40px;
2594
2294
  border: none;
2595
2295
  }
2596
- .widget-form-ocuupied[data-v-510dd67a] {
2296
+ .widget-form-ocuupied[data-v-fba51b4c] {
2597
2297
  min-height: 540px;
2598
2298
  border: none;
2599
2299
  }
2600
- .drag_table[data-v-510dd67a] {
2300
+ .drag_table[data-v-fba51b4c] {
2601
2301
  width: calc(100% - 100px);
2602
2302
  height: 100%;
2603
2303
  display: flex;
2604
2304
  overflow-y: scroll;
2605
2305
  }
2606
- .drag_table[data-v-510dd67a]::-webkit-scrollbar {
2306
+ .drag_table[data-v-fba51b4c]::-webkit-scrollbar {
2607
2307
  width: 3px;
2608
2308
  height: 3px;
2609
2309
  }
2610
- .drag_table[data-v-510dd67a]::-webkit-scrollbar-track {
2310
+ .drag_table[data-v-fba51b4c]::-webkit-scrollbar-track {
2611
2311
  background: #fff;
2612
2312
  border-radius: 2px;
2613
2313
  }
2614
- .drag_table[data-v-510dd67a]::-webkit-scrollbar-thumb {
2314
+ .drag_table[data-v-fba51b4c]::-webkit-scrollbar-thumb {
2615
2315
  background: #cdcdcd;
2616
2316
  border-radius: 8px;
2617
2317
  }
2618
- .drag_table[data-v-510dd67a]::-webkit-scrollbar-thumb:hover {
2318
+ .drag_table[data-v-fba51b4c]::-webkit-scrollbar-thumb:hover {
2619
2319
  background: #cdcdcd;
2620
2320
  }
2621
- .drag_table[data-v-510dd67a]::-webkit-scrollbar-corner {
2321
+ .drag_table[data-v-fba51b4c]::-webkit-scrollbar-corner {
2622
2322
  background: #cdcdcd;
2623
2323
  }
2624
- .widget-form-ocuupied[data-v-510dd67a] {
2324
+ .widget-form-ocuupied[data-v-fba51b4c] {
2625
2325
  min-height: 540px;
2626
2326
  border: none;
2627
2327
  }
2628
- .table_label[data-v-510dd67a] {
2328
+ .table_label[data-v-fba51b4c] {
2629
2329
  width: 100px;
2630
2330
  min-width: 100px;
2631
2331
  height: 100%;
2632
2332
  text-align: right;
2633
2333
  }
2634
- .widget-view-model[data-v-510dd67a] {
2334
+ .widget-view-model[data-v-fba51b4c] {
2635
2335
  position: absolute;
2636
2336
  top: 0px;
2637
2337
  right: 3px;
@@ -2641,12 +2341,12 @@ li.CodeMirror-hint-active {
2641
2341
  opacity: 0.6;
2642
2342
  }
2643
2343
  /**selectedWidget active*/
2644
- .active[data-v-510dd67a] {
2645
- outline: 2px solid #539dfa;
2646
- box-shadow: 0 0 5px #539dfa;
2344
+ .active[data-v-fba51b4c] {
2345
+ outline: 2px solid #409EFF;
2346
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
2647
2347
  position: relative;
2648
2348
  }
2649
- .active .widget-view-drag[data-v-510dd67a] {
2349
+ .active .widget-view-drag[data-v-fba51b4c] {
2650
2350
  position: absolute;
2651
2351
  left: -2px;
2652
2352
  top: -2px;
@@ -2660,7 +2360,7 @@ li.CodeMirror-hint-active {
2660
2360
  color: #ffffff;
2661
2361
  cursor: move;
2662
2362
  }
2663
- .active .widget-view-action[data-v-510dd67a] {
2363
+ .active .widget-view-action[data-v-fba51b4c] {
2664
2364
  width: 70px;
2665
2365
  position: absolute;
2666
2366
  right: 0px;
@@ -2673,29 +2373,29 @@ li.CodeMirror-hint-active {
2673
2373
  background: transparent;
2674
2374
  color: #fff;
2675
2375
  }
2676
- .active .widget-view-action .iconfont[data-v-510dd67a] {
2376
+ .active .widget-view-action .iconfont[data-v-fba51b4c] {
2677
2377
  width: 25px;
2678
2378
  height: 25px;
2679
2379
  border-radius: 50%;
2680
2380
  cursor: pointer;
2681
- background: #539dfa;
2381
+ background: #409EFF;
2682
2382
  display: flex;
2683
2383
  font-size: 14px;
2684
2384
  justify-content: center;
2685
2385
  }
2686
- .active .widget-view-action .icon-icon_clone[data-v-510dd67a] {
2386
+ .active .widget-view-action .icon-icon_clone[data-v-fba51b4c] {
2687
2387
  background: red;
2688
2388
  }
2689
- .active .widget-view-action .icon-trash[data-v-510dd67a] {
2389
+ .active .widget-view-action .icon-trash[data-v-fba51b4c] {
2690
2390
  margin-left: 20px;
2691
2391
  }
2692
- .widget-form-list .widget-view[data-v-510dd67a] {
2392
+ .widget-form-list .widget-view[data-v-fba51b4c] {
2693
2393
  position: relative;
2694
2394
  border: 1px dashed rgba(170, 170, 170, 0.7);
2695
2395
  background-color: rgba(236, 245, 255, 0.3);
2696
2396
  margin: 2px;
2697
2397
  }
2698
- .widget-form-list .widget-view .widget-view-action[data-v-510dd67a] {
2398
+ .widget-form-list .widget-view .widget-view-action[data-v-fba51b4c] {
2699
2399
  position: absolute;
2700
2400
  right: 0px;
2701
2401
  bottom: 0;
@@ -2707,7 +2407,7 @@ li.CodeMirror-hint-active {
2707
2407
  background: transparent;
2708
2408
  color: #fff;
2709
2409
  }
2710
- .widget-form-list .widget-view .widget-view-action .iconfont[data-v-510dd67a] {
2410
+ .widget-form-list .widget-view .widget-view-action .iconfont[data-v-fba51b4c] {
2711
2411
  width: 25px;
2712
2412
  height: 25px;
2713
2413
  border-radius: 50%;
@@ -2717,13 +2417,13 @@ li.CodeMirror-hint-active {
2717
2417
  font-size: 14px;
2718
2418
  justify-content: center;
2719
2419
  }
2720
- .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-510dd67a] {
2420
+ .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-fba51b4c] {
2721
2421
  background: red;
2722
2422
  }
2723
- .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-510dd67a] {
2423
+ .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-fba51b4c] {
2724
2424
  margin-left: 20px;
2725
2425
  }
2726
- .widget-form-list .widget-view .widget-view-drag[data-v-510dd67a] {
2426
+ .widget-form-list .widget-view .widget-view-drag[data-v-fba51b4c] {
2727
2427
  position: absolute;
2728
2428
  left: -2px;
2729
2429
  top: -2px;
@@ -2733,27 +2433,27 @@ li.CodeMirror-hint-active {
2733
2433
  background: #409eff;
2734
2434
  z-index: 9;
2735
2435
  }
2736
- .widget-form-list .widget-view .widget-view-drag i[data-v-510dd67a] {
2436
+ .widget-form-list .widget-view .widget-view-drag i[data-v-fba51b4c] {
2737
2437
  font-size: 14px;
2738
2438
  color: #fff;
2739
2439
  margin: 0 5px;
2740
2440
  cursor: move;
2741
2441
  }
2742
2442
  /*****无border *****/
2743
- .no-border .widget-form-list[data-v-510dd67a] {
2443
+ .no-border .widget-form-list[data-v-fba51b4c] {
2744
2444
  border: none;
2745
2445
  }
2746
- .no-border .widget-form-list .row-item[data-v-510dd67a]:not(:last-child) {
2446
+ .no-border .widget-form-list .row-item[data-v-fba51b4c]:not(:last-child) {
2747
2447
  border: none;
2748
2448
  }
2749
- .no-border .widget-form-list[data-v-510dd67a] .ant-form-item .ant-form-item-label {
2449
+ .no-border .widget-form-list[data-v-fba51b4c] .ant-form-item .ant-form-item-label {
2750
2450
  border: 0;
2751
2451
  }
2752
2452
  /*****无border *****/
2753
- .all-lay-out[data-v-510dd67a] {
2453
+ .all-lay-out[data-v-fba51b4c] {
2754
2454
  position: relative;
2755
2455
  }
2756
- .all-lay-out .all-lay-out-bg[data-v-510dd67a] {
2456
+ .all-lay-out .all-lay-out-bg[data-v-fba51b4c] {
2757
2457
  position: absolute;
2758
2458
  left: 0;
2759
2459
  width: 100%;
@@ -2761,22 +2461,22 @@ li.CodeMirror-hint-active {
2761
2461
  top: 0;
2762
2462
  z-index: 0;
2763
2463
  }
2764
- .all-lay-out[data-v-510dd67a] .widget-col-list {
2464
+ .all-lay-out[data-v-fba51b4c] .widget-col-list {
2765
2465
  width: 100%;
2766
2466
  height: 100%;
2767
2467
  }
2768
- .all-lay-out .all-grid-item-wrap[data-v-510dd67a] {
2468
+ .all-lay-out .all-grid-item-wrap[data-v-fba51b4c] {
2769
2469
  width: 100%;
2770
2470
  height: 100%;
2771
2471
  background: #fff;
2772
2472
  }
2773
- .all-lay-out .all-lay-out-edit-wrap[data-v-510dd67a] {
2473
+ .all-lay-out .all-lay-out-edit-wrap[data-v-fba51b4c] {
2774
2474
  position: relative;
2775
2475
  height: 100%;
2776
2476
  left: 90px;
2777
2477
  top: 0;
2778
2478
  }
2779
- .all-lay-out .all-lay-out-label[data-v-510dd67a] {
2479
+ .all-lay-out .all-lay-out-label[data-v-fba51b4c] {
2780
2480
  position: absolute;
2781
2481
  left: 0;
2782
2482
  top: 0;
@@ -2806,7 +2506,7 @@ li.CodeMirror-hint-active {
2806
2506
  }
2807
2507
 
2808
2508
 
2809
- [data-v-839fa73e] .ant-btn-icon-only > i {
2509
+ [data-v-312deacd] .ant-btn-icon-only > i {
2810
2510
  vertical-align: 1px;
2811
2511
  }
2812
2512
 
@@ -3293,9 +2993,9 @@ li.CodeMirror-hint-active {
3293
2993
  position: relative;
3294
2994
  }
3295
2995
 
3296
- .idea-sign-class[data-v-39ebbff6]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-39ebbff6]{position:relative}.idea-sign-class .text-content .sign[data-v-39ebbff6]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-39ebbff6]{overflow:hidden}.idea-sign-class .text-area[data-v-39ebbff6] .el-form-item__content{margin-left:0 !important}.idea-sign-class .text-area[data-v-39ebbff6] .el-textarea__inner{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-39ebbff6]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-39ebbff6]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-39ebbff6]{width:100%}.idea-sign-class .sign[data-v-39ebbff6]{padding:10px 20px}.idea-sign-class .sign img[data-v-39ebbff6]{width:140px;max-height:140px}[data-v-39ebbff6] .ant-form-item .ant-form-item-control-wrapper{width:100%}
2996
+ .idea-sign-class[data-v-78b54450]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-78b54450]{position:relative}.idea-sign-class .text-content .sign[data-v-78b54450]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-78b54450]{overflow:hidden}.idea-sign-class .text-area[data-v-78b54450] .ant-form-item-control{margin-left:0 !important}.idea-sign-class .text-area[data-v-78b54450] .ant-input{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-78b54450]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-78b54450]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-78b54450]{width:100%}.idea-sign-class .sign[data-v-78b54450]{padding:10px 20px}.idea-sign-class .sign img[data-v-78b54450]{width:140px;max-height:140px}[data-v-78b54450] .ant-form-item .ant-form-item-control-wrapper{width:100%}
3297
2997
 
3298
- [data-v-abe87900] .ant-col{min-height:50px}.idea-sign-class[data-v-abe87900]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-abe87900]{position:relative;height:100%;padding-top:20px}.idea-sign-class .text-content .sign[data-v-abe87900]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-abe87900]{overflow:hidden}.idea-sign-class .text-area[data-v-abe87900] .el-form-item__content{margin-left:0 !important}.idea-sign-class .text-area[data-v-abe87900] .el-textarea__inner{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-abe87900]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-abe87900]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-abe87900]{width:100%}.idea-sign-class .sign[data-v-abe87900]{padding:0px 20px}.idea-sign-class .sign img[data-v-abe87900]{width:140px;max-height:140px}[data-v-abe87900] .ant-form-item .ant-form-item-control-wrapper{width:100%}[data-v-abe87900] .ant-form-item div.ant-form-item-label{position:relative}[data-v-abe87900] .ant-form-item .ant-form-item-control{height:100%}
2998
+ [data-v-593cf4a2] .ant-col{min-height:50px}.idea-sign-class[data-v-593cf4a2]{border-right:1px dashed #ccc;border-bottom:1px dashed #ccc;position:relative}.idea-sign-class .text-content[data-v-593cf4a2]{position:relative;height:100%;padding-top:20px}.idea-sign-class .text-content .sign[data-v-593cf4a2]{position:absolute;bottom:0;left:0;width:100%}.idea-sign-class .text-area[data-v-593cf4a2]{overflow:hidden}.idea-sign-class .text-area[data-v-593cf4a2] .ant-form-item-control{margin-left:0 !important}.idea-sign-class .text-area[data-v-593cf4a2] .ant-input{border:none;resize:none;height:100% !important}.idea-sign-class>div[data-v-593cf4a2]:nth-child(1){border-right:1px dashed #ccc;position:absolute;top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.idea-sign-class>div[data-v-593cf4a2]{float:left;height:100%;box-sizing:border-box}.idea-sign-class>div+div[data-v-593cf4a2]{width:100%}.idea-sign-class .sign[data-v-593cf4a2]{padding:0px 20px}.idea-sign-class .sign img[data-v-593cf4a2]{width:140px;max-height:140px}[data-v-593cf4a2] .ant-form-item .ant-form-item-control-wrapper{width:100%}[data-v-593cf4a2] .ant-form-item div.ant-form-item-label{position:relative}[data-v-593cf4a2] .ant-form-item .ant-form-item-control{height:100%}
3299
2999
 
3300
3000
 
3301
3001
  [data-v-a83ee7c8] img {
@@ -3963,12 +3663,6 @@ span.CodeMirror-selectedtext { background: none; }
3963
3663
  display: flex;
3964
3664
  }
3965
3665
 
3966
-
3967
- [data-v-3e57732c] .ant-time-picker {
3968
- max-width: 170px !important;
3969
- width: initial !important;
3970
- }
3971
-
3972
3666
  .is_required[data-v-77374a03]::before {
3973
3667
  content: "*";
3974
3668
  color: #f56c6c;
@@ -5390,89 +5084,107 @@ div {
5390
5084
  display: none ;
5391
5085
  }
5392
5086
 
5393
- .components-list[data-v-bb4c8efc] {
5087
+ .components-list[data-v-58c83656] {
5394
5088
  padding: 0;
5395
- padding-top: 5px;
5396
5089
  margin: 0;
5397
5090
  line-height: 20px;
5398
5091
  position: relative;
5092
+ height: 100%;
5093
+ overflow-y: auto;
5399
5094
  }
5400
- .components-list .tabs[data-v-bb4c8efc] {
5401
- margin-bottom: 10px;
5402
- overflow: hidden;
5403
- }
5404
- .components-list .tabs > div[data-v-bb4c8efc] {
5405
- float: left;
5406
- }
5407
- .components-list .tabs > div[data-v-bb4c8efc]:not(:last-child) {
5408
- border-right: 1px solid #ccc;
5095
+ .components-list .tabs[data-v-58c83656] {
5096
+ padding: 8px 10px 6px;
5097
+ display: flex;
5098
+ flex-wrap: wrap;
5099
+ gap: 4px;
5100
+ border-bottom: 1px solid #e8e8e8;
5101
+ position: sticky;
5102
+ top: 0;
5103
+ background: #fff;
5104
+ z-index: 1;
5409
5105
  }
5410
- .components-list .tabs span[data-v-bb4c8efc] {
5106
+ .components-list .tabs span[data-v-58c83656] {
5411
5107
  cursor: pointer;
5412
5108
  display: inline-block;
5413
- margin: 0 5px;
5414
5109
  font-size: 12px;
5415
- padding: 2px 5px;
5416
- }
5417
- .components-list .tabs .activeTab[data-v-bb4c8efc] {
5418
- background: #4991f2;
5110
+ padding: 2px 8px;
5419
5111
  border-radius: 10px;
5112
+ color: #666;
5113
+ transition: all 0.2s;
5114
+ }
5115
+ .components-list .tabs .activeTab[data-v-58c83656] {
5116
+ background: #409EFF;
5420
5117
  color: #fff;
5421
5118
  }
5422
- .components-list .widget-control[data-v-bb4c8efc] {
5423
- display: inline-block;
5424
- min-width: 70px;
5119
+ .components-list ul[data-v-58c83656] {
5120
+ padding: 8px 8px 4px;
5121
+ }
5122
+ .components-list .widget-control[data-v-58c83656] {
5123
+ display: block;
5124
+ width: 100%;
5425
5125
  box-sizing: border-box;
5426
- padding: 0 5px;
5427
- height: 45px;
5428
- border: 1px solid #ccc;
5429
- cursor: move;
5126
+ padding: 0;
5127
+ height: 36px;
5128
+ border: 1px solid #ebeef5;
5129
+ border-radius: 6px;
5130
+ cursor: pointer;
5131
+ margin: 0 0 6px 0;
5132
+ transition: all 0.25s ease;
5430
5133
  }
5431
- .components-list .widget-control[data-v-bb4c8efc]:not(:last-child) {
5432
- border-right: none;
5134
+ .components-list .widget-control[data-v-58c83656]:hover {
5135
+ border-color: #409EFF;
5136
+ background: #ecf5ff;
5137
+ transform: translateX(2px);
5138
+ box-shadow: 0 2px 6px rgba(64, 158, 255, 0.15);
5433
5139
  }
5434
- .components-list .widget-control a[data-v-bb4c8efc] {
5435
- color: #666;
5140
+ .components-list .widget-control a[data-v-58c83656] {
5141
+ color: #606266;
5436
5142
  display: flex;
5437
- flex-direction: column;
5438
- justify-content: center;
5143
+ flex-direction: row;
5144
+ justify-content: flex-start;
5439
5145
  align-items: center;
5440
- font-size: 12px;
5146
+ height: 100%;
5147
+ padding: 0 10px;
5148
+ font-size: 13px;
5149
+ }
5150
+ .components-list .widget-control a i[data-v-58c83656] {
5151
+ font-size: 16px;
5152
+ margin-right: 8px;
5441
5153
  }
5442
- .components-list .preview-options[data-v-bb4c8efc] {
5154
+ .components-list .preview-options[data-v-58c83656] {
5443
5155
  position: absolute;
5444
5156
  height: 30px;
5445
- right: 250px;
5446
- bottom: 0;
5157
+ right: 10px;
5158
+ bottom: 10px;
5447
5159
  }
5448
- .components-list .preview-options .ant-btn-link[data-v-bb4c8efc] {
5160
+ .components-list .preview-options .ant-btn-link[data-v-58c83656] {
5449
5161
  color: #666;
5450
5162
  padding: 0 2px;
5451
5163
  }
5452
- .components-list .preview-options .ant-btn-link.btn-active[data-v-bb4c8efc] {
5164
+ .components-list .preview-options .ant-btn-link.btn-active[data-v-58c83656] {
5453
5165
  color: #1890ff;
5454
5166
  }
5455
- .control[data-v-bb4c8efc] {
5167
+ .control[data-v-58c83656] {
5456
5168
  margin-top: 20px;
5457
5169
  width: 350px;
5458
5170
  background: #ffffff;
5459
5171
  box-shadow: 0 0 15px #ffffff;
5460
5172
  }
5461
- .control .title[data-v-bb4c8efc] {
5173
+ .control .title[data-v-58c83656] {
5462
5174
  height: 50px;
5463
5175
  line-height: 50px;
5464
5176
  padding: 0 15px;
5465
5177
  border-bottom: 1px solid #f0f0f0;
5466
5178
  }
5467
- .control .list_wrap[data-v-bb4c8efc] {
5179
+ .control .list_wrap[data-v-58c83656] {
5468
5180
  padding-top: 15px;
5469
5181
  font-size: 0;
5470
5182
  min-height: 680px;
5471
5183
  }
5472
- .control .list_wrap .list_box[data-v-bb4c8efc] {
5184
+ .control .list_wrap .list_box[data-v-58c83656] {
5473
5185
  display: inline-block;
5474
5186
  }
5475
- .control .list_wrap .list[data-v-bb4c8efc] {
5187
+ .control .list_wrap .list[data-v-58c83656] {
5476
5188
  border: 1px dashed #d1d1d1;
5477
5189
  margin: 0 7.5px 15px 7.5px;
5478
5190
  width: 160px;
@@ -5482,23 +5194,23 @@ div {
5482
5194
  line-height: 42px;
5483
5195
  text-align: left;
5484
5196
  padding-left: 15px;
5485
- cursor: move;
5197
+ cursor: pointer;
5486
5198
  color: #333;
5487
5199
  background: #fff;
5488
5200
  position: relative;
5489
5201
  overflow: hidden;
5490
5202
  }
5491
- .control .list_wrap .list i[data-v-bb4c8efc] {
5203
+ .control .list_wrap .list i[data-v-58c83656] {
5492
5204
  position: absolute;
5493
5205
  right: 10px;
5494
5206
  top: 0px;
5495
5207
  font-size: 22px;
5496
5208
  color: #999;
5497
5209
  }
5498
- .control .list_wrap .list[data-v-bb4c8efc]:nth-child(2n) {
5210
+ .control .list_wrap .list[data-v-58c83656]:nth-child(2n) {
5499
5211
  margin-right: 0;
5500
5212
  }
5501
- .control .list_wrap .list[data-v-bb4c8efc]:hover {
5213
+ .control .list_wrap .list[data-v-58c83656]:hover {
5502
5214
  background: #f1f1f1;
5503
5215
  }
5504
5216
 
@@ -5516,98 +5228,98 @@ div {
5516
5228
  opacity: 0.6;
5517
5229
  }
5518
5230
 
5519
- .paper[data-v-31720cfe] * {
5231
+ .paper[data-v-51f14858] * {
5520
5232
  font-size: var(--paperFontSize);
5521
5233
  }
5522
- .paper .form-title[data-v-31720cfe] {
5234
+ .paper .form-title[data-v-51f14858] {
5523
5235
  text-align: center;
5524
5236
  font-weight: 600;
5525
5237
  font-size: 16px;
5526
5238
  min-height: 40px;
5527
5239
  line-height: 30px;
5528
5240
  }
5529
- [data-v-31720cfe] .vue-grid-layout {
5241
+ [data-v-51f14858] .vue-grid-layout {
5530
5242
  z-index: 2;
5531
5243
  }
5532
- [data-v-31720cfe] .vue-grid-item {
5244
+ [data-v-51f14858] .vue-grid-item {
5533
5245
  border: 1px dashed #ccc;
5534
5246
  box-sizing: border-box;
5535
5247
  background-color: #fff;
5536
5248
  }
5537
- [data-v-31720cfe] .ant-form-item {
5249
+ [data-v-51f14858] .ant-form-item {
5538
5250
  width: 100%;
5539
5251
  height: 100%;
5540
5252
  margin-bottom: 0;
5541
5253
  }
5542
- [data-v-31720cfe] .ant-form-item .ant-form-item-label {
5254
+ [data-v-51f14858] .ant-form-item .ant-form-item-label {
5543
5255
  height: 100%;
5544
5256
  position: absolute;
5545
5257
  left: 0;
5546
5258
  top: 0;
5547
5259
  border-right: 1px solid var(--designBorderColor);
5548
5260
  }
5549
- [data-v-31720cfe] .ant-form-item .ant-form-item-label label {
5261
+ [data-v-51f14858] .ant-form-item .ant-form-item-label label {
5550
5262
  display: flex;
5551
5263
  justify-content: center;
5552
5264
  align-items: center;
5553
5265
  height: 100%;
5554
5266
  }
5555
- [data-v-31720cfe] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
5267
+ [data-v-51f14858] .ant-form-item .ant-form-item-label > label.ant-form-item-no-colon::after {
5556
5268
  display: none;
5557
5269
  }
5558
- [data-v-31720cfe] .ant-form-item .ant-form-item-control-wrapper {
5270
+ [data-v-51f14858] .ant-form-item .ant-form-item-control-wrapper {
5559
5271
  height: 100%;
5560
5272
  float: right;
5561
5273
  display: flex;
5562
5274
  align-items: center;
5563
5275
  }
5564
- [data-v-31720cfe] .ant-form-item .ant-form-item-control {
5276
+ [data-v-51f14858] .ant-form-item .ant-form-item-control {
5565
5277
  width: 98%;
5566
5278
  margin: 0 auto;
5567
5279
  }
5568
- .is_required[data-v-31720cfe]::before {
5280
+ .is_required[data-v-51f14858]::before {
5569
5281
  content: "*";
5570
5282
  color: #f56c6c;
5571
5283
  margin-right: 4px;
5572
5284
  }
5573
- .widget-form-list[data-v-31720cfe] {
5285
+ .widget-form-list[data-v-51f14858] {
5574
5286
  background: #fff;
5575
5287
  box-sizing: border-box;
5576
5288
  }
5577
- .widget-form-list .row-item[data-v-31720cfe]:first-child {
5289
+ .widget-form-list .row-item[data-v-51f14858]:first-child {
5578
5290
  border-top: 1px solid var(--designBorderColor);
5579
5291
  }
5580
- .widget-form-list .row-item[data-v-31720cfe] {
5292
+ .widget-form-list .row-item[data-v-51f14858] {
5581
5293
  border-bottom: 1px solid var(--designBorderColor);
5582
5294
  }
5583
- .widget-form-list .row-item[data-v-31720cfe] {
5295
+ .widget-form-list .row-item[data-v-51f14858] {
5584
5296
  border-right: 1px solid var(--designBorderColor);
5585
5297
  border-left: 1px solid var(--designBorderColor);
5586
5298
  }
5587
- .widget-form-list .item-bottom[data-v-31720cfe] {
5299
+ .widget-form-list .item-bottom[data-v-51f14858] {
5588
5300
  border-bottom: 1px solid var(--designBorderColor);
5589
5301
  }
5590
- .widget-form-list .no-row-item[data-v-31720cfe] {
5302
+ .widget-form-list .no-row-item[data-v-51f14858] {
5591
5303
  border-right: none;
5592
5304
  border-bottom: none !important;
5593
5305
  }
5594
- .widget-form-list .no-row-item .widget-form-list[data-v-31720cfe] {
5306
+ .widget-form-list .no-row-item .widget-form-list[data-v-51f14858] {
5595
5307
  border-top: none !important;
5596
5308
  border-right: none;
5597
5309
  }
5598
- .widget-form-list .widget-grid[data-v-31720cfe] {
5310
+ .widget-form-list .widget-grid[data-v-51f14858] {
5599
5311
  background: #f4f6fc;
5600
5312
  position: relative;
5601
5313
  border-left: 5px solid transparent;
5602
5314
  padding: 5px;
5603
5315
  margin: 0 !important;
5604
5316
  }
5605
- .widget-form-list .widget-grid.active[data-v-31720cfe] {
5317
+ .widget-form-list .widget-grid.active[data-v-51f14858] {
5606
5318
  outline: 2px solid #409eff;
5607
5319
  border: 1px solid #409eff;
5608
- background: #b3d8ff;
5320
+ background: #ecf5ff;
5609
5321
  }
5610
- .widget-form-list .widget-grid .grid-background[data-v-31720cfe] {
5322
+ .widget-form-list .widget-grid .grid-background[data-v-51f14858] {
5611
5323
  position: absolute;
5612
5324
  z-index: 1;
5613
5325
  top: 0;
@@ -5618,85 +5330,85 @@ div {
5618
5330
  height: 100%;
5619
5331
  padding: 5px 5px 10px 5px;
5620
5332
  }
5621
- .widget-form-list .widget-grid .grid-background .rows[data-v-31720cfe] {
5333
+ .widget-form-list .widget-grid .grid-background .rows[data-v-51f14858] {
5622
5334
  border-bottom: 1px dashed #ccc;
5623
5335
  border-left: 1px dashed #ccc;
5624
5336
  box-sizing: border-box;
5625
5337
  overflow: hidden;
5626
5338
  }
5627
- .widget-form-list .widget-grid .grid-background .rows[data-v-31720cfe]:first-child {
5339
+ .widget-form-list .widget-grid .grid-background .rows[data-v-51f14858]:first-child {
5628
5340
  border-top: 1px dashed #ccc;
5629
5341
  }
5630
- .widget-form-list .widget-grid .grid-background .rows .columns[data-v-31720cfe] {
5342
+ .widget-form-list .widget-grid .grid-background .rows .columns[data-v-51f14858] {
5631
5343
  float: left;
5632
5344
  border-right: 1px dashed #ccc;
5633
5345
  min-height: 40px;
5634
5346
  box-sizing: border-box;
5635
5347
  }
5636
- .widget-form-list .row_table[data-v-31720cfe] {
5348
+ .widget-form-list .row_table[data-v-51f14858] {
5637
5349
  min-height: 60px;
5638
5350
  position: relative;
5639
5351
  }
5640
- .widget-form-list li.sortable-chosen[data-v-31720cfe] {
5352
+ .widget-form-list li.sortable-chosen[data-v-51f14858] {
5641
5353
  height: 2px !important;
5642
5354
  overflow: hidden !important;
5643
5355
  background: red !important;
5644
5356
  }
5645
- .widget-form-list .widget-col-list[data-v-31720cfe] {
5357
+ .widget-form-list .widget-col-list[data-v-51f14858] {
5646
5358
  min-height: 50px;
5647
5359
  border: 1px dashed #ccc;
5648
5360
  background: #fff;
5649
5361
  }
5650
- .widget-form-list .widget-col[data-v-31720cfe] {
5362
+ .widget-form-list .widget-col[data-v-51f14858] {
5651
5363
  padding-bottom: 0;
5652
5364
  padding: 5px;
5653
5365
  background-color: rgba(253, 246, 236, 0.3);
5654
5366
  }
5655
- .grid-lay-out-wrap .widget-col-list[data-v-31720cfe] {
5367
+ .grid-lay-out-wrap .widget-col-list[data-v-51f14858] {
5656
5368
  width: 100%;
5657
5369
  height: 100%;
5658
5370
  min-height: 40px;
5659
5371
  border: none;
5660
5372
  }
5661
- .widget-form-ocuupied[data-v-31720cfe] {
5373
+ .widget-form-ocuupied[data-v-51f14858] {
5662
5374
  min-height: 540px;
5663
5375
  border: none;
5664
5376
  }
5665
- .drag_table[data-v-31720cfe] {
5377
+ .drag_table[data-v-51f14858] {
5666
5378
  width: calc(100% - 100px);
5667
5379
  height: 100%;
5668
5380
  display: flex;
5669
5381
  overflow-y: scroll;
5670
5382
  }
5671
- .drag_table[data-v-31720cfe]::-webkit-scrollbar {
5383
+ .drag_table[data-v-51f14858]::-webkit-scrollbar {
5672
5384
  width: 3px;
5673
5385
  height: 3px;
5674
5386
  }
5675
- .drag_table[data-v-31720cfe]::-webkit-scrollbar-track {
5387
+ .drag_table[data-v-51f14858]::-webkit-scrollbar-track {
5676
5388
  background: #fff;
5677
5389
  border-radius: 2px;
5678
5390
  }
5679
- .drag_table[data-v-31720cfe]::-webkit-scrollbar-thumb {
5391
+ .drag_table[data-v-51f14858]::-webkit-scrollbar-thumb {
5680
5392
  background: #cdcdcd;
5681
5393
  border-radius: 8px;
5682
5394
  }
5683
- .drag_table[data-v-31720cfe]::-webkit-scrollbar-thumb:hover {
5395
+ .drag_table[data-v-51f14858]::-webkit-scrollbar-thumb:hover {
5684
5396
  background: #cdcdcd;
5685
5397
  }
5686
- .drag_table[data-v-31720cfe]::-webkit-scrollbar-corner {
5398
+ .drag_table[data-v-51f14858]::-webkit-scrollbar-corner {
5687
5399
  background: #cdcdcd;
5688
5400
  }
5689
- .widget-form-ocuupied[data-v-31720cfe] {
5401
+ .widget-form-ocuupied[data-v-51f14858] {
5690
5402
  min-height: 540px;
5691
5403
  border: none;
5692
5404
  }
5693
- .table_label[data-v-31720cfe] {
5405
+ .table_label[data-v-51f14858] {
5694
5406
  width: 100px;
5695
5407
  min-width: 100px;
5696
5408
  height: 100%;
5697
5409
  text-align: right;
5698
5410
  }
5699
- .widget-view-model[data-v-31720cfe] {
5411
+ .widget-view-model[data-v-51f14858] {
5700
5412
  position: absolute;
5701
5413
  top: 0px;
5702
5414
  right: 3px;
@@ -5706,12 +5418,12 @@ div {
5706
5418
  opacity: 0.6;
5707
5419
  }
5708
5420
  /**selectedWidget active*/
5709
- [data-v-31720cfe] .active {
5710
- outline: 2px solid #539dfa;
5711
- box-shadow: 0 0 5px #539dfa;
5421
+ [data-v-51f14858] .active {
5422
+ outline: 2px solid #409EFF;
5423
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.2);
5712
5424
  position: relative;
5713
5425
  }
5714
- [data-v-31720cfe] .active .widget-view-drag {
5426
+ [data-v-51f14858] .active .widget-view-drag {
5715
5427
  position: absolute;
5716
5428
  left: -2px;
5717
5429
  top: -2px;
@@ -5725,7 +5437,7 @@ div {
5725
5437
  color: #ffffff;
5726
5438
  cursor: move;
5727
5439
  }
5728
- [data-v-31720cfe] .active .widget-view-action {
5440
+ [data-v-51f14858] .active .widget-view-action {
5729
5441
  width: 70px;
5730
5442
  position: absolute;
5731
5443
  right: 0px;
@@ -5738,27 +5450,27 @@ div {
5738
5450
  background: transparent;
5739
5451
  color: #fff;
5740
5452
  }
5741
- [data-v-31720cfe] .active .widget-view-action .iconfont {
5453
+ [data-v-51f14858] .active .widget-view-action .iconfont {
5742
5454
  width: 25px;
5743
5455
  height: 25px;
5744
5456
  border-radius: 50%;
5745
5457
  cursor: pointer;
5746
- background: #539dfa;
5458
+ background: #409EFF;
5747
5459
  display: flex;
5748
5460
  font-size: 14px;
5749
5461
  justify-content: center;
5750
5462
  }
5751
- [data-v-31720cfe] .active .widget-view-action .icon-icon_clone {
5463
+ [data-v-51f14858] .active .widget-view-action .icon-icon_clone {
5752
5464
  background: red;
5753
5465
  }
5754
- [data-v-31720cfe] .active .widget-view-action .icon-trash {
5466
+ [data-v-51f14858] .active .widget-view-action .icon-trash {
5755
5467
  margin-left: 20px;
5756
5468
  }
5757
- .widget-form-list .widget-view[data-v-31720cfe] {
5469
+ .widget-form-list .widget-view[data-v-51f14858] {
5758
5470
  z-index: 8;
5759
5471
  position: relative;
5760
5472
  }
5761
- .widget-form-list .widget-view .widget-view-action[data-v-31720cfe] {
5473
+ .widget-form-list .widget-view .widget-view-action[data-v-51f14858] {
5762
5474
  position: absolute;
5763
5475
  right: 0px;
5764
5476
  bottom: 0;
@@ -5770,23 +5482,23 @@ div {
5770
5482
  background: transparent;
5771
5483
  color: #fff;
5772
5484
  }
5773
- .widget-form-list .widget-view .widget-view-action .iconfont[data-v-31720cfe] {
5485
+ .widget-form-list .widget-view .widget-view-action .iconfont[data-v-51f14858] {
5774
5486
  width: 25px;
5775
5487
  height: 25px;
5776
5488
  border-radius: 50%;
5777
5489
  cursor: pointer;
5778
- background: #7457ff;
5490
+ background: #409EFF;
5779
5491
  display: flex;
5780
5492
  font-size: 14px;
5781
5493
  justify-content: center;
5782
5494
  }
5783
- .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-31720cfe] {
5495
+ .widget-form-list .widget-view .widget-view-action .icon-icon_clone[data-v-51f14858] {
5784
5496
  background: red;
5785
5497
  }
5786
- .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-31720cfe] {
5498
+ .widget-form-list .widget-view .widget-view-action .icon-trash[data-v-51f14858] {
5787
5499
  margin-left: 20px;
5788
5500
  }
5789
- .widget-form-list .widget-view .widget-view-drag[data-v-31720cfe] {
5501
+ .widget-form-list .widget-view .widget-view-drag[data-v-51f14858] {
5790
5502
  position: absolute;
5791
5503
  left: -2px;
5792
5504
  top: -2px;
@@ -5796,30 +5508,30 @@ div {
5796
5508
  background: #409eff;
5797
5509
  z-index: 9;
5798
5510
  }
5799
- .widget-form-list .widget-view .widget-view-drag i[data-v-31720cfe] {
5511
+ .widget-form-list .widget-view .widget-view-drag i[data-v-51f14858] {
5800
5512
  font-size: 14px;
5801
5513
  color: #fff;
5802
5514
  margin: 0 5px;
5803
5515
  cursor: move;
5804
5516
  }
5805
5517
  /*****无border *****/
5806
- .no-border .widget-form-list[data-v-31720cfe] {
5518
+ .no-border .widget-form-list[data-v-51f14858] {
5807
5519
  border: none;
5808
5520
  }
5809
- .no-border .widget-form-list .row-item[data-v-31720cfe]:not(:last-child) {
5521
+ .no-border .widget-form-list .row-item[data-v-51f14858]:not(:last-child) {
5810
5522
  border: none;
5811
5523
  }
5812
- .no-border .widget-form-list[data-v-31720cfe] .ant-form-item .ant-form-item-label {
5524
+ .no-border .widget-form-list[data-v-51f14858] .ant-form-item .ant-form-item-label {
5813
5525
  border: 0;
5814
5526
  }
5815
5527
  /*****无border *****/
5816
5528
  /***label对齐方式 */
5817
- [data-v-31720cfe] .custom_form_item .break {
5529
+ [data-v-51f14858] .custom_form_item .break {
5818
5530
  white-space: normal;
5819
5531
  word-break: break-all;
5820
5532
  word-wrap: break-word;
5821
5533
  }
5822
- [data-v-31720cfe] .custom_form_item .align-between {
5534
+ [data-v-51f14858] .custom_form_item .align-between {
5823
5535
  white-space: normal;
5824
5536
  word-break: break-all;
5825
5537
  word-wrap: break-word;
@@ -5828,28 +5540,28 @@ div {
5828
5540
  text-align-last: justify;
5829
5541
  width: 80%;
5830
5542
  }
5831
- [data-v-31720cfe] .custom_form_item .align-middle {
5543
+ [data-v-51f14858] .custom_form_item .align-middle {
5832
5544
  white-space: normal;
5833
5545
  word-break: break-all;
5834
5546
  word-wrap: break-word;
5835
5547
  text-align: center;
5836
5548
  width: 80%;
5837
5549
  }
5838
- [data-v-31720cfe] .custom_form_item .align-left {
5550
+ [data-v-51f14858] .custom_form_item .align-left {
5839
5551
  white-space: normal;
5840
5552
  word-break: break-all;
5841
5553
  word-wrap: break-word;
5842
5554
  text-align: left;
5843
5555
  width: 80%;
5844
5556
  }
5845
- [data-v-31720cfe] .custom_form_item .align-right {
5557
+ [data-v-51f14858] .custom_form_item .align-right {
5846
5558
  white-space: normal;
5847
5559
  word-break: break-all;
5848
5560
  word-wrap: break-word;
5849
5561
  text-align: right;
5850
5562
  width: 80%;
5851
5563
  }
5852
- [data-v-31720cfe] .custom_form_item .align-center {
5564
+ [data-v-51f14858] .custom_form_item .align-center {
5853
5565
  white-space: normal;
5854
5566
  word-break: break-all;
5855
5567
  word-wrap: break-word;
@@ -5859,26 +5571,76 @@ div {
5859
5571
  /***label对齐方式 */
5860
5572
 
5861
5573
 
5862
- [data-v-68fadbb3] .m-colorPicker {
5574
+ [data-v-5f94fdfc] .ant-select-selection--multiple .ant-select-selection__rendered {
5575
+ line-height: 5px !important;
5576
+ }
5577
+ [data-v-5f94fdfc] .m-colorPicker {
5863
5578
  z-index: 2;
5864
5579
  }
5865
- [data-v-68fadbb3] .m-colorPicker .colorBtn {
5580
+ [data-v-5f94fdfc] .m-colorPicker .colorBtn {
5866
5581
  border: 1px solid #e3e3e3;
5867
5582
  }
5868
- [data-v-68fadbb3] .ant-select-selection--multiple .ant-select-selection__rendered {
5869
- line-height: 5px !important;
5870
- }
5871
5583
 
5872
5584
 
5873
- [data-v-0b66aa74] .ant-form-item {
5874
- margin-bottom: 0;
5585
+ [data-v-78823b9c] .ant-form-item {
5586
+ margin-bottom: 10px;
5587
+ padding-bottom: 8px;
5588
+ border-bottom: 1px dashed #f0f0f0;
5589
+ }
5590
+ [data-v-78823b9c] .ant-form-item:last-child {
5591
+ border-bottom: none;
5592
+ padding-bottom: 0;
5875
5593
  }
5876
- [data-v-0b66aa74] .ant-form-item ul {
5594
+ [data-v-78823b9c] .ant-form-item ul {
5877
5595
  position: initial !important;
5878
5596
  overflow-y: auto !important;
5879
5597
  }
5598
+ [data-v-78823b9c] .ant-form-item-label > label {
5599
+ color: #606266;
5600
+ font-size: 13px;
5601
+ font-weight: 500;
5602
+ }
5603
+ [data-v-78823b9c] .ant-switch {
5604
+ transition: all 0.25s ease;
5605
+ }
5606
+ [data-v-78823b9c] .ant-input,[data-v-78823b9c] .ant-select,[data-v-78823b9c] .ant-input-number {
5607
+ transition: border-color 0.25s ease, box-shadow 0.25s ease;
5608
+ }
5609
+ [data-v-78823b9c] .ant-input:focus,[data-v-78823b9c] .ant-select:focus,[data-v-78823b9c] .ant-input-number:focus,[data-v-78823b9c] .ant-input:hover,[data-v-78823b9c] .ant-select:hover,[data-v-78823b9c] .ant-input-number:hover {
5610
+ border-color: #409EFF;
5611
+ }
5612
+ [data-v-78823b9c] .ant-input:focus,[data-v-78823b9c] .ant-select:focus .ant-select-selection {
5613
+ box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.15);
5614
+ }
5615
+ .config-empty[data-v-78823b9c] {
5616
+ display: flex;
5617
+ flex-direction: column;
5618
+ align-items: center;
5619
+ justify-content: center;
5620
+ height: 200px;
5621
+ color: #c0c4cc;
5622
+ }
5623
+ .config-empty .anticon[data-v-78823b9c] {
5624
+ font-size: 40px;
5625
+ margin-bottom: 14px;
5626
+ animation: emptyFloat-data-v-78823b9c 2.5s ease-in-out infinite;
5627
+ }
5628
+ .config-empty p[data-v-78823b9c] {
5629
+ font-size: 13px;
5630
+ margin: 0;
5631
+ color: #909399;
5632
+ }
5633
+ @keyframes emptyFloat-data-v-78823b9c {
5634
+ 0%,
5635
+ 100% {
5636
+ transform: translateY(0);
5637
+ }
5638
+ 50% {
5639
+ transform: translateY(-6px);
5640
+ }
5641
+ }
5880
5642
 
5881
- .cus-dialog-container .el-dialog__footer{margin:0 20px;padding:15px 0 16px;text-align:center;position:relative}.cus-dialog-container .el-dialog__footer .dialog-footer{display:block}.cus-dialog-container .el-dialog__footer .dialog-footer .circular{display:inline-block;vertical-align:middle;margin-right:5px;width:24px;height:24px}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-text{display:inline-block;vertical-align:middle}.cus-dialog-container .el-dialog__footer .dialog-footer .el-loading-spinner{margin-top:-12px}
5643
+ .cus-dialog-container .ant-modal-footer{margin:0 20px;padding:15px 0 16px;text-align:center;position:relative}.cus-dialog-container .ant-modal-footer .dialog-footer{display:block}
5882
5644
 
5883
5645
  .linkage_select-dropdown[data-v-c6bf9314] {
5884
5646
  cursor: pointer;
@@ -6129,13 +5891,13 @@ div {
6129
5891
  }
6130
5892
 
6131
5893
 
6132
- [data-v-eed2c1a2] .ant-form-item {
6133
- margin-bottom: 0;
5894
+ [data-v-a37b7fb0] .ant-form-item {
5895
+ margin-bottom: 12px;
6134
5896
  }
6135
- .m-colorPicker[data-v-eed2c1a2] .box.open {
5897
+ .m-colorPicker[data-v-a37b7fb0] .box.open {
6136
5898
  z-index: 999;
6137
5899
  }
6138
- .m-colorPicker[data-v-eed2c1a2] .colorBtn {
5900
+ .m-colorPicker[data-v-a37b7fb0] .colorBtn {
6139
5901
  border: 1px solid #e3e3e3;
6140
5902
  }
6141
5903
 
@@ -6144,10 +5906,10 @@ div {
6144
5906
  }
6145
5907
 
6146
5908
 
6147
- [data-v-83162e7e] .w-e-toolbar {
5909
+ [data-v-3c9c38be] .w-e-toolbar {
6148
5910
  display: none !important;
6149
5911
  }
6150
- [data-v-83162e7e] .w-e-text-container {
5912
+ [data-v-3c9c38be] .w-e-text-container {
6151
5913
  border-top: 1px solid #c9d8db !important;
6152
5914
  }
6153
5915
 
@@ -6168,23 +5930,10 @@ div {
6168
5930
  .fm2-container {
6169
5931
  background: #fff;
6170
5932
  height: 100%;
6171
- border: 1px solid #e0e0e0;
6172
- }
6173
- .fm2-container .el-container {
6174
- height: 100% !important;
6175
- }
6176
- .fm2-container > .el-container {
6177
- background: #fff;
6178
- }
6179
- .fm2-container .fm2-main {
6180
- position: relative;
6181
- }
6182
- .fm2-container .fm2-main > .el-container {
6183
- position: absolute;
6184
- top: 0;
6185
- bottom: 0;
6186
- left: 0;
6187
- right: 0;
5933
+ border: 1px solid #e4e7ed;
5934
+ border-radius: 6px;
5935
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
5936
+ overflow: hidden;
6188
5937
  }
6189
5938
  .fm2-container main {
6190
5939
  padding: 0;
@@ -6235,46 +5984,6 @@ div {
6235
5984
  padding: 0 10px 10px;
6236
5985
  margin: 0;
6237
5986
  }
6238
- .components-list .form-edit-widget-label {
6239
- font-size: 12px;
6240
- display: block;
6241
- width: 48%;
6242
- line-height: 26px;
6243
- position: relative;
6244
- float: left;
6245
- left: 0;
6246
- overflow: hidden;
6247
- text-overflow: ellipsis;
6248
- white-space: nowrap;
6249
- margin: 1%;
6250
- color: #606266;
6251
- border: 1px solid #F4F6FC;
6252
- }
6253
- .components-list .form-edit-widget-label:hover {
6254
- color: #409EFF;
6255
- border: 1px dashed #409EFF;
6256
- }
6257
- .components-list .form-edit-widget-label:hover a {
6258
- color: #409EFF;
6259
- }
6260
- .components-list .form-edit-widget-label > a {
6261
- display: block;
6262
- cursor: move;
6263
- background: #F4F6FC;
6264
- border: 1px solid #F4F6FC;
6265
- color: #606266;
6266
- }
6267
- .components-list .form-edit-widget-label > a .icon {
6268
- margin-right: 6px;
6269
- margin-left: 8px;
6270
- font-size: 14px;
6271
- display: inline-block;
6272
- vertical-align: middle;
6273
- }
6274
- .components-list .form-edit-widget-label > a span {
6275
- display: inline-block;
6276
- vertical-align: middle;
6277
- }
6278
5987
  .widget-form-container {
6279
5988
  height: 100%;
6280
5989
  position: absolute;
@@ -6306,10 +6015,10 @@ div {
6306
6015
  background-color: rgba(236, 245, 255, 0.3);
6307
6016
  margin: 2px;
6308
6017
  }
6309
- .widget-form-container .widget-form-list .widget-view .el-form-item__content {
6018
+ .widget-form-container .widget-form-list .widget-view .ant-form-item-control {
6310
6019
  position: unset;
6311
6020
  }
6312
- .widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label::before {
6021
+ .widget-form-container .widget-form-list .widget-view.is_req .ant-form-item-label::before {
6313
6022
  content: '*';
6314
6023
  color: #f56c6c;
6315
6024
  margin-right: 4px;
@@ -6417,10 +6126,10 @@ div {
6417
6126
  position: relative;
6418
6127
  display: block;
6419
6128
  }
6420
- .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table {
6129
+ .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .ant-table {
6421
6130
  height: 100%;
6422
6131
  }
6423
- .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label::before {
6132
+ .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .ant-form-item-label::before {
6424
6133
  content: '*';
6425
6134
  color: #f56c6c;
6426
6135
  margin-right: 4px;
@@ -6620,7 +6329,7 @@ div {
6620
6329
  border: 1px solid #e6a23c;
6621
6330
  outline-offset: 0;
6622
6331
  }
6623
- .widget-form-container .widget-form-list .widget-col .el-col {
6332
+ .widget-form-container .widget-form-list .widget-col .ant-col {
6624
6333
  min-height: 50px;
6625
6334
  }
6626
6335
  .widget-form-container .widget-form-list .widget-col.ghost {
@@ -6708,7 +6417,7 @@ div {
6708
6417
  position: relative;
6709
6418
  }
6710
6419
  .widget-config-container .ant-layout-header {
6711
- border-bottom: solid 2px #e4e7ed;
6420
+ border-bottom: solid 1px #ebeef5;
6712
6421
  padding: 0 5px;
6713
6422
  }
6714
6423
  .widget-config-container .config-tab {
@@ -6721,19 +6430,29 @@ div {
6721
6430
  font-weight: 500;
6722
6431
  position: relative;
6723
6432
  cursor: pointer;
6433
+ color: #606266;
6434
+ transition: all 0.25s ease;
6435
+ border-bottom: 2px solid transparent;
6436
+ }
6437
+ .widget-config-container .config-tab:hover {
6438
+ color: #409EFF;
6439
+ background: #f5f7fa;
6724
6440
  }
6725
6441
  .widget-config-container .config-tab.active {
6726
- border-bottom: solid 2px #409EFF;
6442
+ color: #409EFF;
6443
+ font-weight: 600;
6444
+ border-bottom: 2px solid #409EFF;
6727
6445
  }
6728
6446
  .widget-config-container .config-content {
6729
- padding: 5px 5px 5px 15px;
6447
+ padding: 12px 16px;
6730
6448
  }
6731
- .widget-config-container .config-content .el-form-item__label {
6449
+ .widget-config-container .config-content .ant-form-item-label {
6732
6450
  padding: 0;
6733
- font-weight: bold;
6451
+ font-weight: 500;
6734
6452
  font-size: 12px;
6453
+ color: #606266;
6735
6454
  }
6736
- .widget-config-container .config-content .el-form-item {
6455
+ .widget-config-container .config-content .ant-form-item {
6737
6456
  padding-bottom: 10px;
6738
6457
  }
6739
6458
  .widget-config-container .ghost {
@@ -6767,13 +6486,22 @@ div {
6767
6486
  position: absolute;
6768
6487
  text-align: center;
6769
6488
  width: 300px;
6770
- font-size: 20px;
6489
+ font-size: 14px;
6490
+ color: #bbb;
6771
6491
  top: 200px;
6772
6492
  left: 50%;
6773
6493
  margin-left: -150px;
6774
- color: #ccc;
6775
6494
  z-index: 10;
6776
6495
  }
6496
+ .form-empty .anticon {
6497
+ font-size: 48px;
6498
+ display: block;
6499
+ margin-bottom: 12px;
6500
+ color: #d9d9d9;
6501
+ }
6502
+ .form-empty p {
6503
+ margin: 0;
6504
+ }
6777
6505
  .full-modal .ant-modal {
6778
6506
  padding-bottom: 0;
6779
6507
  position: static;
@@ -6782,7 +6510,7 @@ div {
6782
6510
  padding-top: 14px;
6783
6511
  }
6784
6512
  .full-modal .ant-modal-content {
6785
- box-shadow: 0;
6513
+ box-shadow: none;
6786
6514
  position: absolute;
6787
6515
  left: 0;
6788
6516
  right: 0;
@@ -6848,6 +6576,7 @@ div {
6848
6576
  height: 100%;
6849
6577
  overflow: hidden;
6850
6578
  background: #fff !important;
6579
+ box-shadow: -2px 0 8px rgba(0, 0, 0, 0.04);
6851
6580
  }
6852
6581
  .g1-panel1 .ant-layout-sider-children {
6853
6582
  display: flex;
@@ -6861,15 +6590,28 @@ div {
6861
6590
  height: 100%;
6862
6591
  overflow-y: auto;
6863
6592
  }
6864
- .g1-panel1 .config-content .el-form-item {
6593
+ .g1-panel1 .config-content .ant-form-item {
6865
6594
  padding-bottom: 0;
6866
6595
  margin-bottom: 10px;
6867
6596
  }
6868
- .g1-panel1 .el-form-item__label {
6869
- font-weight: 650;
6597
+ .g1-panel1 .config-content .ant-select,
6598
+ .g1-panel1 .config-content .ant-input,
6599
+ .g1-panel1 .config-content .ant-input-number,
6600
+ .g1-panel1 .config-content .ant-time-picker,
6601
+ .g1-panel1 .config-content .ant-calendar-picker {
6602
+ width: 100%;
6603
+ }
6604
+ .g1-panel1 .ant-form-item-label {
6605
+ font-weight: 500;
6870
6606
  line-height: 26px;
6607
+ color: #606266;
6608
+ }
6609
+ .g1-panel1 .ant-form-item-label > label {
6610
+ color: #606266;
6611
+ font-size: 13px;
6612
+ font-weight: 500;
6871
6613
  }
6872
- .g1-panel1 .el-radio-group li {
6614
+ .g1-panel1 .ant-radio-group li {
6873
6615
  margin-bottom: 5px;
6874
6616
  }
6875
6617
  /* 添加表单在线开发 */
@@ -6889,20 +6631,14 @@ div {
6889
6631
  .cus-modal-warp .ant-modal-footer {
6890
6632
  text-align: center;
6891
6633
  }
6892
- .ant-cus-from .el-form-item {
6634
+ .ant-cus-from .ant-form-item {
6893
6635
  display: flex;
6894
6636
  margin-bottom: 0;
6895
6637
  }
6896
- .ant-cus-from .el-form-item .el-form-item__content {
6638
+ .ant-cus-from .ant-form-item .ant-form-item-control {
6897
6639
  flex: 1 1;
6898
6640
  display: inline-block;
6899
6641
  }
6900
- .ant-cus-from .el-table .cell,
6901
- .ant-cus-from .el-table th div {
6902
- overflow: visible;
6903
- padding-top: 8px;
6904
- padding-bottom: 8px;
6905
- }
6906
6642
  .ant-cus-from .ant-form-item {
6907
6643
  display: flex;
6908
6644
  }
@@ -6927,35 +6663,54 @@ div {
6927
6663
  }
6928
6664
  /*定义要拖拽元素的样式*/
6929
6665
  .ghostClass {
6930
- background-color: blue !important;
6666
+ background-color: #ecf5ff !important;
6931
6667
  }
6932
6668
  .chosenClass {
6933
- background-color: red !important;
6669
+ background-color: #ecf5ff !important;
6934
6670
  opacity: 1 !important;
6935
6671
  }
6936
6672
  .dragClass {
6937
- background-color: blueviolet !important;
6673
+ background-color: #ecf5ff !important;
6938
6674
  opacity: 1 !important;
6939
6675
  box-shadow: none !important;
6940
6676
  outline: none !important;
6941
6677
  background-image: none !important;
6942
6678
  }
6943
6679
  .g1-panel1 .config-content::-webkit-scrollbar-track-piece {
6944
- background-color: #f8f8f8;
6680
+ background-color: transparent;
6945
6681
  border-radius: 2em;
6946
6682
  }
6947
6683
  .g1-panel1 .config-content::-webkit-scrollbar {
6948
- width: 4px;
6684
+ width: 5px;
6949
6685
  }
6950
6686
  .g1-panel1 .config-content::-webkit-scrollbar-thumb {
6951
- background-color: #dddddd;
6687
+ background-color: #c0c4cc;
6952
6688
  background-clip: padding-box;
6953
6689
  border-radius: 2em;
6690
+ -webkit-transition: background-color 0.2s;
6691
+ transition: background-color 0.2s;
6954
6692
  }
6955
6693
  .g1-panel1 .config-content::-webkit-scrollbar-thumb:hover {
6956
- background-color: #bbb;
6694
+ background-color: #909399;
6695
+ }
6696
+ .components-list::-webkit-scrollbar-track-piece {
6697
+ background-color: transparent;
6698
+ border-radius: 2em;
6699
+ }
6700
+ .components-list::-webkit-scrollbar {
6701
+ width: 5px;
6702
+ }
6703
+ .components-list::-webkit-scrollbar-thumb {
6704
+ background-color: #c0c4cc;
6705
+ background-clip: padding-box;
6706
+ border-radius: 2em;
6707
+ -webkit-transition: background-color 0.2s;
6708
+ transition: background-color 0.2s;
6709
+ }
6710
+ .components-list::-webkit-scrollbar-thumb:hover {
6711
+ background-color: #909399;
6957
6712
  }
6958
- /deep/ .ant-form-item {
6713
+ .widget-form-list /deep/ .ant-form-item {
6959
6714
  margin-bottom: 0;
6960
6715
  }
6961
6716
  .sortable-chosen {
@@ -6969,47 +6724,114 @@ div {
6969
6724
  height: 820px;
6970
6725
  }
6971
6726
  .g1-tools1::-webkit-scrollbar-track-piece {
6972
- background-color: #f8f8f8;
6727
+ background-color: transparent;
6973
6728
  border-radius: 2em;
6974
6729
  }
6975
6730
  .g1-tools1::-webkit-scrollbar {
6976
- width: 4px;
6731
+ width: 5px;
6977
6732
  }
6978
6733
  .g1-tools1::-webkit-scrollbar-thumb {
6979
- background-color: #dddddd;
6734
+ background-color: #c0c4cc;
6980
6735
  background-clip: padding-box;
6981
6736
  border-radius: 2em;
6737
+ -webkit-transition: background-color 0.2s;
6738
+ transition: background-color 0.2s;
6982
6739
  }
6983
6740
  .g1-tools1::-webkit-scrollbar-thumb:hover {
6984
- background-color: #bbb;
6741
+ background-color: #909399;
6985
6742
  }
6986
6743
  .center-container .a-layout-main {
6987
- background: #eeeeee;
6744
+ background: #f0f2f5;
6988
6745
  overflow: scroll;
6989
6746
  }
6990
6747
  .center-container .a-layout-main::-webkit-scrollbar-track-piece {
6991
- background-color: #f8f8f8;
6748
+ background-color: transparent;
6992
6749
  border-radius: 2em;
6993
6750
  }
6994
6751
  .center-container .a-layout-main::-webkit-scrollbar {
6995
- width: 4px;
6752
+ width: 5px;
6996
6753
  }
6997
6754
  .center-container .a-layout-main::-webkit-scrollbar-thumb {
6998
- background-color: #dddddd;
6755
+ background-color: #c0c4cc;
6999
6756
  background-clip: padding-box;
7000
6757
  border-radius: 2em;
6758
+ -webkit-transition: background-color 0.2s;
6759
+ transition: background-color 0.2s;
7001
6760
  }
7002
6761
  .center-container .a-layout-main::-webkit-scrollbar-thumb:hover {
7003
- background-color: #bbb;
6762
+ background-color: #909399;
7004
6763
  }
7005
6764
  .widget-empty {
7006
6765
  background: url(data:image/png;base64,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) no-repeat;
7007
6766
  background-position: 50%;
7008
6767
  }
7009
- .btn-bar {
7010
- height: 100px;
6768
+ .left-sider {
6769
+ background: #fff !important;
6770
+ border-right: none;
6771
+ box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
6772
+ z-index: 2;
6773
+ }
6774
+ .left-sider .ant-layout-sider-children {
6775
+ display: flex;
6776
+ flex-direction: column;
6777
+ height: 100%;
6778
+ overflow: hidden;
6779
+ }
6780
+ .left-actions {
6781
+ padding: 10px 12px;
6782
+ display: flex;
6783
+ flex-wrap: wrap;
6784
+ gap: 8px;
6785
+ border-bottom: 1px solid #ebeef5;
7011
6786
  background: #fff;
7012
- border-bottom: 1px solid #eee;
6787
+ flex-shrink: 0;
6788
+ }
6789
+ .left-actions .action-btn {
6790
+ cursor: pointer;
6791
+ font-size: 12px;
6792
+ padding: 4px 12px;
6793
+ border-radius: 14px;
6794
+ color: #606266;
6795
+ background: #f5f7fa;
6796
+ border: 1px solid #e4e7ed;
6797
+ transition: all 0.25s ease;
6798
+ }
6799
+ .left-actions .action-btn:hover {
6800
+ color: #409EFF;
6801
+ border-color: #409EFF;
6802
+ background: #ecf5ff;
6803
+ transform: translateY(-1px);
6804
+ box-shadow: 0 2px 6px rgba(64, 158, 255, 0.2);
6805
+ }
6806
+ .left-actions .action-btn:active {
6807
+ transform: translateY(0);
6808
+ box-shadow: none;
6809
+ }
6810
+ .left-actions .action-btn.primary {
6811
+ color: #fff;
6812
+ background: #409EFF;
6813
+ border-color: #409EFF;
6814
+ }
6815
+ .left-actions .action-btn.primary:hover {
6816
+ background: #66b1ff;
6817
+ border-color: #66b1ff;
6818
+ transform: translateY(-1px);
6819
+ box-shadow: 0 2px 8px rgba(64, 158, 255, 0.35);
6820
+ }
6821
+ .left-actions .action-btn.primary:active {
6822
+ transform: translateY(0);
6823
+ box-shadow: none;
6824
+ }
6825
+ .left-actions .action-btn.danger {
6826
+ color: #fff;
6827
+ background: #f56c6c;
6828
+ border-color: #f56c6c;
6829
+ }
6830
+ .left-actions .action-btn.danger:hover {
6831
+ background: #f78989;
6832
+ border-color: #f78989;
6833
+ transform: translateY(-1px);
6834
+ box-shadow: 0 2px 8px rgba(245, 108, 108, 0.35);
7013
6835
  }
7014
6836
  .gzt-hidden-key .widget-form-list .widget-view-model {
7015
6837
  display: none;
@@ -7216,23 +7038,10 @@ div {
7216
7038
  .fm2-container {
7217
7039
  background: #fff;
7218
7040
  height: 100%;
7219
- border: 1px solid #e0e0e0;
7220
- }
7221
- .fm2-container .el-container {
7222
- height: 100% !important;
7223
- }
7224
- .fm2-container > .el-container {
7225
- background: #fff;
7226
- }
7227
- .fm2-container .fm2-main {
7228
- position: relative;
7229
- }
7230
- .fm2-container .fm2-main > .el-container {
7231
- position: absolute;
7232
- top: 0;
7233
- bottom: 0;
7234
- left: 0;
7235
- right: 0;
7041
+ border: 1px solid #e4e7ed;
7042
+ border-radius: 6px;
7043
+ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
7044
+ overflow: hidden;
7236
7045
  }
7237
7046
  .fm2-container main {
7238
7047
  padding: 0;
@@ -7283,46 +7092,6 @@ div {
7283
7092
  padding: 0 10px 10px;
7284
7093
  margin: 0;
7285
7094
  }
7286
- .components-list .form-edit-widget-label {
7287
- font-size: 12px;
7288
- display: block;
7289
- width: 48%;
7290
- line-height: 26px;
7291
- position: relative;
7292
- float: left;
7293
- left: 0;
7294
- overflow: hidden;
7295
- text-overflow: ellipsis;
7296
- white-space: nowrap;
7297
- margin: 1%;
7298
- color: #606266;
7299
- border: 1px solid #F4F6FC;
7300
- }
7301
- .components-list .form-edit-widget-label:hover {
7302
- color: #409EFF;
7303
- border: 1px dashed #409EFF;
7304
- }
7305
- .components-list .form-edit-widget-label:hover a {
7306
- color: #409EFF;
7307
- }
7308
- .components-list .form-edit-widget-label > a {
7309
- display: block;
7310
- cursor: move;
7311
- background: #F4F6FC;
7312
- border: 1px solid #F4F6FC;
7313
- color: #606266;
7314
- }
7315
- .components-list .form-edit-widget-label > a .icon {
7316
- margin-right: 6px;
7317
- margin-left: 8px;
7318
- font-size: 14px;
7319
- display: inline-block;
7320
- vertical-align: middle;
7321
- }
7322
- .components-list .form-edit-widget-label > a span {
7323
- display: inline-block;
7324
- vertical-align: middle;
7325
- }
7326
7095
  .widget-form-container {
7327
7096
  height: 100%;
7328
7097
  position: absolute;
@@ -7354,10 +7123,10 @@ div {
7354
7123
  background-color: rgba(236, 245, 255, 0.3);
7355
7124
  margin: 2px;
7356
7125
  }
7357
- .widget-form-container .widget-form-list .widget-view .el-form-item__content {
7126
+ .widget-form-container .widget-form-list .widget-view .ant-form-item-control {
7358
7127
  position: unset;
7359
7128
  }
7360
- .widget-form-container .widget-form-list .widget-view.is_req .el-form-item__label::before {
7129
+ .widget-form-container .widget-form-list .widget-view.is_req .ant-form-item-label::before {
7361
7130
  content: '*';
7362
7131
  color: #f56c6c;
7363
7132
  margin-right: 4px;
@@ -7465,10 +7234,10 @@ div {
7465
7234
  position: relative;
7466
7235
  display: block;
7467
7236
  }
7468
- .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .el-table {
7237
+ .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view .ant-table {
7469
7238
  height: 100%;
7470
7239
  }
7471
- .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .el-form-item__label::before {
7240
+ .widget-form-container .widget-form-list .widget-table .widget-table-wrapper .widget-table-view.is_req .ant-form-item-label::before {
7472
7241
  content: '*';
7473
7242
  color: #f56c6c;
7474
7243
  margin-right: 4px;
@@ -7668,7 +7437,7 @@ div {
7668
7437
  border: 1px solid #e6a23c;
7669
7438
  outline-offset: 0;
7670
7439
  }
7671
- .widget-form-container .widget-form-list .widget-col .el-col {
7440
+ .widget-form-container .widget-form-list .widget-col .ant-col {
7672
7441
  min-height: 50px;
7673
7442
  }
7674
7443
  .widget-form-container .widget-form-list .widget-col.ghost {
@@ -7756,7 +7525,7 @@ div {
7756
7525
  position: relative;
7757
7526
  }
7758
7527
  .widget-config-container .ant-layout-header {
7759
- border-bottom: solid 2px #e4e7ed;
7528
+ border-bottom: solid 1px #ebeef5;
7760
7529
  padding: 0 5px;
7761
7530
  }
7762
7531
  .widget-config-container .config-tab {
@@ -7769,19 +7538,29 @@ div {
7769
7538
  font-weight: 500;
7770
7539
  position: relative;
7771
7540
  cursor: pointer;
7541
+ color: #606266;
7542
+ transition: all 0.25s ease;
7543
+ border-bottom: 2px solid transparent;
7544
+ }
7545
+ .widget-config-container .config-tab:hover {
7546
+ color: #409EFF;
7547
+ background: #f5f7fa;
7772
7548
  }
7773
7549
  .widget-config-container .config-tab.active {
7774
- border-bottom: solid 2px #409EFF;
7550
+ color: #409EFF;
7551
+ font-weight: 600;
7552
+ border-bottom: 2px solid #409EFF;
7775
7553
  }
7776
7554
  .widget-config-container .config-content {
7777
- padding: 5px 5px 5px 15px;
7555
+ padding: 12px 16px;
7778
7556
  }
7779
- .widget-config-container .config-content .el-form-item__label {
7557
+ .widget-config-container .config-content .ant-form-item-label {
7780
7558
  padding: 0;
7781
- font-weight: bold;
7559
+ font-weight: 500;
7782
7560
  font-size: 12px;
7561
+ color: #606266;
7783
7562
  }
7784
- .widget-config-container .config-content .el-form-item {
7563
+ .widget-config-container .config-content .ant-form-item {
7785
7564
  padding-bottom: 10px;
7786
7565
  }
7787
7566
  .widget-config-container .ghost {
@@ -7815,13 +7594,22 @@ div {
7815
7594
  position: absolute;
7816
7595
  text-align: center;
7817
7596
  width: 300px;
7818
- font-size: 20px;
7597
+ font-size: 14px;
7598
+ color: #bbb;
7819
7599
  top: 200px;
7820
7600
  left: 50%;
7821
7601
  margin-left: -150px;
7822
- color: #ccc;
7823
7602
  z-index: 10;
7824
7603
  }
7604
+ .form-empty .anticon {
7605
+ font-size: 48px;
7606
+ display: block;
7607
+ margin-bottom: 12px;
7608
+ color: #d9d9d9;
7609
+ }
7610
+ .form-empty p {
7611
+ margin: 0;
7612
+ }
7825
7613
  .full-modal .ant-modal {
7826
7614
  padding-bottom: 0;
7827
7615
  position: static;
@@ -7830,7 +7618,7 @@ div {
7830
7618
  padding-top: 14px;
7831
7619
  }
7832
7620
  .full-modal .ant-modal-content {
7833
- box-shadow: 0;
7621
+ box-shadow: none;
7834
7622
  position: absolute;
7835
7623
  left: 0;
7836
7624
  right: 0;
@@ -7896,6 +7684,7 @@ div {
7896
7684
  height: 100%;
7897
7685
  overflow: hidden;
7898
7686
  background: #fff !important;
7687
+ box-shadow: -2px 0 8px rgba(0, 0, 0, 0.04);
7899
7688
  }
7900
7689
  .g1-panel1 .ant-layout-sider-children {
7901
7690
  display: flex;
@@ -7909,15 +7698,28 @@ div {
7909
7698
  height: 100%;
7910
7699
  overflow-y: auto;
7911
7700
  }
7912
- .g1-panel1 .config-content .el-form-item {
7701
+ .g1-panel1 .config-content .ant-form-item {
7913
7702
  padding-bottom: 0;
7914
7703
  margin-bottom: 10px;
7915
7704
  }
7916
- .g1-panel1 .el-form-item__label {
7917
- font-weight: 650;
7705
+ .g1-panel1 .config-content .ant-select,
7706
+ .g1-panel1 .config-content .ant-input,
7707
+ .g1-panel1 .config-content .ant-input-number,
7708
+ .g1-panel1 .config-content .ant-time-picker,
7709
+ .g1-panel1 .config-content .ant-calendar-picker {
7710
+ width: 100%;
7711
+ }
7712
+ .g1-panel1 .ant-form-item-label {
7713
+ font-weight: 500;
7918
7714
  line-height: 26px;
7715
+ color: #606266;
7716
+ }
7717
+ .g1-panel1 .ant-form-item-label > label {
7718
+ color: #606266;
7719
+ font-size: 13px;
7720
+ font-weight: 500;
7919
7721
  }
7920
- .g1-panel1 .el-radio-group li {
7722
+ .g1-panel1 .ant-radio-group li {
7921
7723
  margin-bottom: 5px;
7922
7724
  }
7923
7725
  /* 添加表单在线开发 */
@@ -7937,20 +7739,14 @@ div {
7937
7739
  .cus-modal-warp .ant-modal-footer {
7938
7740
  text-align: center;
7939
7741
  }
7940
- .ant-cus-from .el-form-item {
7742
+ .ant-cus-from .ant-form-item {
7941
7743
  display: flex;
7942
7744
  margin-bottom: 0;
7943
7745
  }
7944
- .ant-cus-from .el-form-item .el-form-item__content {
7746
+ .ant-cus-from .ant-form-item .ant-form-item-control {
7945
7747
  flex: 1 1;
7946
7748
  display: inline-block;
7947
7749
  }
7948
- .ant-cus-from .el-table .cell,
7949
- .ant-cus-from .el-table th div {
7950
- overflow: visible;
7951
- padding-top: 8px;
7952
- padding-bottom: 8px;
7953
- }
7954
7750
  .ant-cus-from .ant-form-item {
7955
7751
  display: flex;
7956
7752
  }
@@ -7975,35 +7771,54 @@ div {
7975
7771
  }
7976
7772
  /*定义要拖拽元素的样式*/
7977
7773
  .ghostClass {
7978
- background-color: blue !important;
7774
+ background-color: #ecf5ff !important;
7979
7775
  }
7980
7776
  .chosenClass {
7981
- background-color: red !important;
7777
+ background-color: #ecf5ff !important;
7982
7778
  opacity: 1 !important;
7983
7779
  }
7984
7780
  .dragClass {
7985
- background-color: blueviolet !important;
7781
+ background-color: #ecf5ff !important;
7986
7782
  opacity: 1 !important;
7987
7783
  box-shadow: none !important;
7988
7784
  outline: none !important;
7989
7785
  background-image: none !important;
7990
7786
  }
7991
7787
  .g1-panel1 .config-content::-webkit-scrollbar-track-piece {
7992
- background-color: #f8f8f8;
7788
+ background-color: transparent;
7993
7789
  border-radius: 2em;
7994
7790
  }
7995
7791
  .g1-panel1 .config-content::-webkit-scrollbar {
7996
- width: 4px;
7792
+ width: 5px;
7997
7793
  }
7998
7794
  .g1-panel1 .config-content::-webkit-scrollbar-thumb {
7999
- background-color: #dddddd;
7795
+ background-color: #c0c4cc;
8000
7796
  background-clip: padding-box;
8001
7797
  border-radius: 2em;
7798
+ -webkit-transition: background-color 0.2s;
7799
+ transition: background-color 0.2s;
8002
7800
  }
8003
7801
  .g1-panel1 .config-content::-webkit-scrollbar-thumb:hover {
8004
- background-color: #bbb;
7802
+ background-color: #909399;
7803
+ }
7804
+ .components-list::-webkit-scrollbar-track-piece {
7805
+ background-color: transparent;
7806
+ border-radius: 2em;
7807
+ }
7808
+ .components-list::-webkit-scrollbar {
7809
+ width: 5px;
7810
+ }
7811
+ .components-list::-webkit-scrollbar-thumb {
7812
+ background-color: #c0c4cc;
7813
+ background-clip: padding-box;
7814
+ border-radius: 2em;
7815
+ -webkit-transition: background-color 0.2s;
7816
+ transition: background-color 0.2s;
7817
+ }
7818
+ .components-list::-webkit-scrollbar-thumb:hover {
7819
+ background-color: #909399;
8005
7820
  }
8006
- /deep/ .ant-form-item {
7821
+ .widget-form-list /deep/ .ant-form-item {
8007
7822
  margin-bottom: 0;
8008
7823
  }
8009
7824
  .sortable-chosen {