@robot-admin/naive-ui-components 0.24.1 → 0.24.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.
- package/CHANGELOG.md +21 -0
- package/README.md +6 -2
- package/README_EN.md +6 -2
- package/SECURITY.md +12 -2
- package/dist/C_AntV2.cjs +1 -1
- package/dist/C_AntV2.js +3 -3
- package/dist/C_Form.base.css +41 -143
- package/dist/C_Form.css +41 -143
- package/dist/C_FormModal.css +25 -12
- package/dist/C_FormModal2.cjs +1 -1
- package/dist/C_FormModal2.js +1 -1
- package/dist/C_Map2.cjs +1 -1
- package/dist/C_Map2.js +1 -1
- package/dist/C_Table.base.css +151 -253
- package/dist/C_Table.css +110 -110
- package/dist/C_Table2.cjs +2 -2
- package/dist/C_Table2.js +2 -2
- package/dist/C_Upload2.cjs +1 -1
- package/dist/C_Upload2.js +1 -1
- package/dist/C_VideoPlayer.css +30 -20
- package/dist/C_VideoPlayer2.cjs +2 -2
- package/dist/C_VideoPlayer2.js +3 -3
- package/dist/Steps.cjs +1 -1
- package/dist/Steps.js +1 -1
- package/dist/Tabs.cjs +1 -1
- package/dist/Tabs.js +1 -1
- package/dist/constants2.d.cts +4 -4
- package/dist/constants2.d.ts +4 -4
- package/dist/constants3.d.cts +3 -3
- package/dist/constants3.d.ts +3 -3
- package/dist/data2.cjs +1 -1
- package/dist/data2.d.cts +5 -5
- package/dist/data2.d.ts +5 -5
- package/dist/data2.js +1 -1
- package/dist/density.cjs +1 -1
- package/dist/density.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index.vue.d.cts +1 -1
- package/dist/index.vue.d.ts +1 -1
- package/dist/index10.vue.d.cts +2 -2
- package/dist/index10.vue.d.ts +5 -5
- package/dist/index11.vue.d.cts +5 -5
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index14.vue.d.cts +2 -2
- package/dist/index15.vue.d.ts +8 -8
- package/dist/index16.vue.d.cts +8 -8
- package/dist/index17.vue.d.ts +2 -2
- package/dist/index18.vue.d.cts +2 -2
- package/dist/index18.vue.d.ts +2 -2
- package/dist/index19.vue.d.cts +2 -2
- package/dist/index19.vue.d.ts +3 -3
- package/dist/index20.vue.d.cts +3 -3
- package/dist/index22.vue.d.ts +1 -1
- package/dist/index23.vue.d.cts +1 -1
- package/dist/index23.vue.d.ts +2 -2
- package/dist/index26.vue.d.cts +4 -4
- package/dist/index26.vue.d.ts +4 -4
- package/dist/index28.vue.d.cts +3 -3
- package/dist/index28.vue.d.ts +3 -3
- package/dist/index3.vue.d.cts +4 -4
- package/dist/index3.vue.d.ts +4 -4
- package/dist/index5.vue.d.cts +2 -2
- package/dist/index9.vue.d.ts +2 -2
- package/dist/mapUtils.d.cts +2 -2
- package/dist/mapUtils.d.ts +2 -2
- package/dist/presets.d.cts +1 -1
- package/dist/presets.d.ts +1 -1
- package/dist/serializeSearch.cjs +1 -1
- package/dist/serializeSearch.js +1 -1
- package/dist/style.css +206 -285
- package/dist/useCalendarEvents.d.cts +1 -1
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.cts +3 -3
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useCropperCore.d.cts +3 -3
- package/dist/useCropperCore.d.ts +3 -3
- package/dist/useDictionary.cjs +1 -1
- package/dist/useDictionary.js +1 -1
- package/dist/useDynamicFormState.d.cts +4 -4
- package/dist/useDynamicFormState.d.ts +4 -4
- package/dist/useEdgeInteraction.d.cts +2 -2
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useFullscreen.d.cts +2 -2
- package/dist/useFullscreen.d.ts +2 -2
- package/dist/useGlobalSearch.d.cts +1 -1
- package/dist/useGlobalSearch.d.ts +1 -1
- package/dist/useInfiniteScroll.d.cts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useQRCode.d.cts +5 -5
- package/dist/useQRCode.d.ts +5 -5
- package/dist/useSignatureHistory.d.cts +4 -4
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.cts +3 -3
- package/dist/useSplitResize.d.ts +3 -3
- package/dist/useWorkflowValidation.d.cts +3 -3
- package/dist/useWorkflowValidation.d.ts +3 -3
- package/dist/verification.d.cts +2 -2
- package/dist/verification.d.ts +2 -2
- package/docs/engineering.en.md +1 -1
- package/docs/engineering.md +1 -1
- package/docs/guides/form-density.md +11 -5
- package/docs/stability-review-20261031.md +46 -0
- package/package.json +4 -2
package/dist/C_Form.base.css
CHANGED
|
@@ -90,7 +90,6 @@
|
|
|
90
90
|
/* ================= 卡片样式 ================= */
|
|
91
91
|
.single-card[data-v-a53d698e],
|
|
92
92
|
.group-card[data-v-a53d698e] {
|
|
93
|
-
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
94
93
|
border-left-width: 4px;
|
|
95
94
|
}
|
|
96
95
|
.single-card[data-v-a53d698e],
|
|
@@ -587,8 +586,6 @@
|
|
|
587
586
|
}
|
|
588
587
|
.dynamic-item-wrapper[data-v-fec8ee7f] {
|
|
589
588
|
position: relative;
|
|
590
|
-
transition: all 0.3s ease;
|
|
591
|
-
animation: fadeInUp-fec8ee7f 0.3s ease-out;
|
|
592
589
|
}
|
|
593
590
|
.dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
|
|
594
591
|
border: 1px dashed var(--n-color-primary);
|
|
@@ -607,16 +604,7 @@
|
|
|
607
604
|
white-space: nowrap;
|
|
608
605
|
color: var(--n-text-color-2);
|
|
609
606
|
}
|
|
610
|
-
|
|
611
|
-
from {
|
|
612
|
-
opacity: 0;
|
|
613
|
-
transform: translateY(10px);
|
|
614
|
-
}
|
|
615
|
-
to {
|
|
616
|
-
opacity: 1;
|
|
617
|
-
transform: translateY(0);
|
|
618
|
-
}
|
|
619
|
-
}
|
|
607
|
+
|
|
620
608
|
/* 响应式设计 */
|
|
621
609
|
@media (max-width: 768px) {
|
|
622
610
|
.dynamic-controls[data-v-fec8ee7f],
|
|
@@ -633,13 +621,6 @@ to {
|
|
|
633
621
|
margin-top: 8px;
|
|
634
622
|
}
|
|
635
623
|
}
|
|
636
|
-
/* 辅助功能 */
|
|
637
|
-
@media (prefers-reduced-motion: reduce) {
|
|
638
|
-
.dynamic-item-wrapper[data-v-fec8ee7f] {
|
|
639
|
-
animation: none !important;
|
|
640
|
-
transition: none !important;
|
|
641
|
-
}
|
|
642
|
-
}
|
|
643
624
|
@media (prefers-contrast: high) {
|
|
644
625
|
.dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
|
|
645
626
|
border-width: 2px;
|
|
@@ -690,70 +671,6 @@ to {
|
|
|
690
671
|
.c-grid-layout .grid-container[data-v-185a44af] {
|
|
691
672
|
width: 100%;
|
|
692
673
|
}
|
|
693
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af] {
|
|
694
|
-
/* 进场动画 */
|
|
695
|
-
animation: fadeInUp-185a44af 0.3s ease-out both;
|
|
696
|
-
}
|
|
697
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(1) {
|
|
698
|
-
animation-delay: 0.05s;
|
|
699
|
-
}
|
|
700
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(2) {
|
|
701
|
-
animation-delay: 0.1s;
|
|
702
|
-
}
|
|
703
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(3) {
|
|
704
|
-
animation-delay: 0.15s;
|
|
705
|
-
}
|
|
706
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(4) {
|
|
707
|
-
animation-delay: 0.2s;
|
|
708
|
-
}
|
|
709
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(5) {
|
|
710
|
-
animation-delay: 0.25s;
|
|
711
|
-
}
|
|
712
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(6) {
|
|
713
|
-
animation-delay: 0.3s;
|
|
714
|
-
}
|
|
715
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(7) {
|
|
716
|
-
animation-delay: 0.35s;
|
|
717
|
-
}
|
|
718
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(8) {
|
|
719
|
-
animation-delay: 0.4s;
|
|
720
|
-
}
|
|
721
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(9) {
|
|
722
|
-
animation-delay: 0.45s;
|
|
723
|
-
}
|
|
724
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(10) {
|
|
725
|
-
animation-delay: 0.5s;
|
|
726
|
-
}
|
|
727
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(11) {
|
|
728
|
-
animation-delay: 0.55s;
|
|
729
|
-
}
|
|
730
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(12) {
|
|
731
|
-
animation-delay: 0.6s;
|
|
732
|
-
}
|
|
733
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(13) {
|
|
734
|
-
animation-delay: 0.65s;
|
|
735
|
-
}
|
|
736
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(14) {
|
|
737
|
-
animation-delay: 0.7s;
|
|
738
|
-
}
|
|
739
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(15) {
|
|
740
|
-
animation-delay: 0.75s;
|
|
741
|
-
}
|
|
742
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(16) {
|
|
743
|
-
animation-delay: 0.8s;
|
|
744
|
-
}
|
|
745
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(17) {
|
|
746
|
-
animation-delay: 0.85s;
|
|
747
|
-
}
|
|
748
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(18) {
|
|
749
|
-
animation-delay: 0.9s;
|
|
750
|
-
}
|
|
751
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(19) {
|
|
752
|
-
animation-delay: 0.95s;
|
|
753
|
-
}
|
|
754
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(20) {
|
|
755
|
-
animation-delay: 1s;
|
|
756
|
-
}
|
|
757
674
|
.c-grid-layout[data-v-185a44af] {
|
|
758
675
|
/* 统计信息 */
|
|
759
676
|
}
|
|
@@ -763,17 +680,6 @@ to {
|
|
|
763
680
|
opacity: 0.8;
|
|
764
681
|
}
|
|
765
682
|
|
|
766
|
-
/* 动画定义 */
|
|
767
|
-
@keyframes fadeInUp-185a44af {
|
|
768
|
-
from {
|
|
769
|
-
opacity: 0;
|
|
770
|
-
transform: translateY(10px) scale(0.95);
|
|
771
|
-
}
|
|
772
|
-
to {
|
|
773
|
-
opacity: 1;
|
|
774
|
-
transform: translateY(0) scale(1);
|
|
775
|
-
}
|
|
776
|
-
}
|
|
777
683
|
/* 表单控件统一宽度 */
|
|
778
684
|
[data-v-185a44af] .n-form-item .n-form-item-blank {
|
|
779
685
|
/* 统一所有表单控件的宽度 */
|
|
@@ -791,12 +697,6 @@ to {
|
|
|
791
697
|
.c-grid-layout .config-panel .config-controls .config-item[data-v-185a44af] {
|
|
792
698
|
justify-content: space-between;
|
|
793
699
|
}
|
|
794
|
-
.c-grid-layout .grid-container[data-v-185a44af] .n-grid {
|
|
795
|
-
gap: 0.5rem !important;
|
|
796
|
-
}
|
|
797
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-185a44af] {
|
|
798
|
-
padding: 0.125rem;
|
|
799
|
-
}
|
|
800
700
|
.c-grid-layout .grid-stats[data-v-185a44af] {
|
|
801
701
|
margin-top: 0.75rem;
|
|
802
702
|
font-size: 0.875rem;
|
|
@@ -833,11 +733,9 @@ to {
|
|
|
833
733
|
.c-form-inline[data-v-711f6c00] {
|
|
834
734
|
width: 100%;
|
|
835
735
|
min-height: 0;
|
|
836
|
-
transition: all 0.3s ease;
|
|
837
736
|
}
|
|
838
737
|
.c-form-inline-item[data-v-711f6c00] {
|
|
839
738
|
min-width: 0;
|
|
840
|
-
transition: all 0.3s ease;
|
|
841
739
|
}
|
|
842
740
|
|
|
843
741
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
@@ -919,53 +817,53 @@ to {
|
|
|
919
817
|
.blur[data-v-711f6c00]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
920
818
|
|
|
921
819
|
/* Steps 布局样式 */
|
|
922
|
-
.c-form-steps[data-v-
|
|
820
|
+
.c-form-steps[data-v-c3e3e8d7] {
|
|
923
821
|
display: flex;
|
|
924
822
|
flex-direction: column;
|
|
925
823
|
gap: var(--c-form-gap, 24px);
|
|
926
824
|
}
|
|
927
|
-
.single-panel[data-v-
|
|
825
|
+
.single-panel[data-v-c3e3e8d7] {
|
|
928
826
|
width: 100%;
|
|
929
827
|
}
|
|
930
|
-
.steps-container[data-v-
|
|
828
|
+
.steps-container[data-v-c3e3e8d7] {
|
|
931
829
|
display: flex;
|
|
932
830
|
flex-direction: column;
|
|
933
831
|
gap: var(--c-form-gap, 24px);
|
|
934
832
|
}
|
|
935
|
-
.steps-indicator[data-v-
|
|
833
|
+
.steps-indicator[data-v-c3e3e8d7] {
|
|
936
834
|
padding: var(--c-form-padding, 24px);
|
|
937
835
|
border-radius: 8px;
|
|
938
836
|
}
|
|
939
|
-
.steps-content[data-v-
|
|
837
|
+
.steps-content[data-v-c3e3e8d7] {
|
|
940
838
|
min-height: 400px;
|
|
941
839
|
}
|
|
942
|
-
.step-panel[data-v-
|
|
943
|
-
animation: fadeIn-
|
|
840
|
+
.step-panel[data-v-c3e3e8d7] {
|
|
841
|
+
animation: fadeIn-c3e3e8d7 0.3s ease-in-out;
|
|
944
842
|
}
|
|
945
|
-
.step-header[data-v-
|
|
843
|
+
.step-header[data-v-c3e3e8d7] {
|
|
946
844
|
margin-bottom: var(--c-form-row-gap, 24px);
|
|
947
845
|
padding-bottom: var(--c-form-row-gap, 16px);
|
|
948
846
|
border-bottom: 1px solid var(--n-border-color);
|
|
949
847
|
}
|
|
950
|
-
.step-title[data-v-
|
|
848
|
+
.step-title[data-v-c3e3e8d7] {
|
|
951
849
|
margin: 0 0 8px 0;
|
|
952
850
|
font-size: 18px;
|
|
953
851
|
font-weight: 600;
|
|
954
852
|
}
|
|
955
|
-
.step-description[data-v-
|
|
853
|
+
.step-description[data-v-c3e3e8d7] {
|
|
956
854
|
margin: 0;
|
|
957
855
|
font-size: 14px;
|
|
958
856
|
line-height: 1.5;
|
|
959
857
|
}
|
|
960
|
-
.step-form-items[data-v-
|
|
858
|
+
.step-form-items[data-v-c3e3e8d7] {
|
|
961
859
|
width: 100%;
|
|
962
860
|
}
|
|
963
|
-
.steps-actions[data-v-
|
|
861
|
+
.steps-actions[data-v-c3e3e8d7] {
|
|
964
862
|
margin-top: var(--c-form-row-gap, 24px);
|
|
965
863
|
padding-top: var(--c-form-row-gap, 16px);
|
|
966
864
|
border-top: 1px solid var(--n-border-color);
|
|
967
865
|
}
|
|
968
|
-
@keyframes fadeIn-
|
|
866
|
+
@keyframes fadeIn-c3e3e8d7 {
|
|
969
867
|
from {
|
|
970
868
|
opacity: 0;
|
|
971
869
|
transform: translateY(8px);
|
|
@@ -976,79 +874,79 @@ to {
|
|
|
976
874
|
}
|
|
977
875
|
}
|
|
978
876
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
979
|
-
.steps-container.is-vertical[data-v-
|
|
877
|
+
.steps-container.is-vertical[data-v-c3e3e8d7] {
|
|
980
878
|
flex-direction: row;
|
|
981
879
|
align-items: flex-start;
|
|
982
880
|
}
|
|
983
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
881
|
+
.steps-container.is-vertical .steps-indicator[data-v-c3e3e8d7] {
|
|
984
882
|
flex-shrink: 0;
|
|
985
883
|
width: 250px;
|
|
986
884
|
margin-right: 24px;
|
|
987
885
|
}
|
|
988
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
886
|
+
.steps-container.is-vertical .steps-content[data-v-c3e3e8d7] {
|
|
989
887
|
flex: 1;
|
|
990
888
|
}
|
|
991
889
|
|
|
992
890
|
/* 响应式设计 */
|
|
993
891
|
@media (max-width: 768px) {
|
|
994
|
-
.steps-container.is-vertical[data-v-
|
|
892
|
+
.steps-container.is-vertical[data-v-c3e3e8d7] {
|
|
995
893
|
flex-direction: column !important;
|
|
996
894
|
}
|
|
997
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
895
|
+
.steps-container.is-vertical .steps-indicator[data-v-c3e3e8d7] {
|
|
998
896
|
width: 100% !important;
|
|
999
897
|
margin-right: 0 !important;
|
|
1000
898
|
margin-bottom: var(--c-form-row-gap, 16px);
|
|
1001
899
|
}
|
|
1002
900
|
}
|
|
1003
901
|
@media (prefers-reduced-motion: reduce) {
|
|
1004
|
-
.step-panel[data-v-
|
|
902
|
+
.step-panel[data-v-c3e3e8d7] {
|
|
1005
903
|
animation: none !important;
|
|
1006
904
|
}
|
|
1007
905
|
}
|
|
1008
906
|
|
|
1009
907
|
/* layer: default */
|
|
1010
|
-
.visible[data-v-
|
|
1011
|
-
.grid[data-v-
|
|
1012
|
-
.inline[data-v-
|
|
1013
|
-
.blur[data-v-
|
|
908
|
+
.visible[data-v-c3e3e8d7]{visibility:visible;}
|
|
909
|
+
.grid[data-v-c3e3e8d7]{display:grid;}
|
|
910
|
+
.inline[data-v-c3e3e8d7]{display:inline;}
|
|
911
|
+
.blur[data-v-c3e3e8d7]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1014
912
|
|
|
1015
913
|
/* Tabs 布局样式 */
|
|
1016
|
-
.c-form-tabs[data-v-
|
|
914
|
+
.c-form-tabs[data-v-7c7a9bd4] {
|
|
1017
915
|
width: 100%;
|
|
1018
916
|
}
|
|
1019
|
-
.single-panel[data-v-
|
|
917
|
+
.single-panel[data-v-7c7a9bd4] {
|
|
1020
918
|
width: 100%;
|
|
1021
919
|
}
|
|
1022
|
-
.tabs-container[data-v-
|
|
920
|
+
.tabs-container[data-v-7c7a9bd4] {
|
|
1023
921
|
width: 100%;
|
|
1024
922
|
}
|
|
1025
|
-
.form-tabs[data-v-
|
|
923
|
+
.form-tabs[data-v-7c7a9bd4] {
|
|
1026
924
|
width: 100%;
|
|
1027
925
|
}
|
|
1028
|
-
.tab-icon[data-v-
|
|
926
|
+
.tab-icon[data-v-7c7a9bd4] {
|
|
1029
927
|
font-size: 16px;
|
|
1030
928
|
display: inline-flex;
|
|
1031
929
|
align-items: center;
|
|
1032
930
|
justify-content: center;
|
|
1033
931
|
}
|
|
1034
|
-
.tab-header[data-v-
|
|
932
|
+
.tab-header[data-v-7c7a9bd4] {
|
|
1035
933
|
margin-bottom: var(--c-form-row-gap, 16px);
|
|
1036
934
|
padding-bottom: 12px;
|
|
1037
935
|
border-bottom: 1px solid var(--n-border-color);
|
|
1038
936
|
}
|
|
1039
|
-
.tab-description[data-v-
|
|
937
|
+
.tab-description[data-v-7c7a9bd4] {
|
|
1040
938
|
margin: 0;
|
|
1041
939
|
font-size: 14px;
|
|
1042
940
|
line-height: 1.5;
|
|
1043
941
|
opacity: 0.8;
|
|
1044
942
|
}
|
|
1045
|
-
.tab-form-items[data-v-
|
|
943
|
+
.tab-form-items[data-v-7c7a9bd4] {
|
|
1046
944
|
width: 100%;
|
|
1047
945
|
}
|
|
1048
|
-
.tab-empty[data-v-
|
|
946
|
+
.tab-empty[data-v-7c7a9bd4] {
|
|
1049
947
|
padding: 40px 0;
|
|
1050
948
|
}
|
|
1051
|
-
.tabs-actions[data-v-
|
|
949
|
+
.tabs-actions[data-v-7c7a9bd4] {
|
|
1052
950
|
margin-top: var(--c-form-row-gap, 16px);
|
|
1053
951
|
padding-top: 12px;
|
|
1054
952
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -1056,18 +954,18 @@ to {
|
|
|
1056
954
|
|
|
1057
955
|
/* 响应式设计 */
|
|
1058
956
|
@media (max-width: 768px) {
|
|
1059
|
-
.tabs-actions[data-v-
|
|
957
|
+
.tabs-actions[data-v-7c7a9bd4] {
|
|
1060
958
|
margin-top: 12px;
|
|
1061
959
|
padding-top: 8px;
|
|
1062
960
|
}
|
|
1063
|
-
.tabs-actions[data-v-
|
|
961
|
+
.tabs-actions[data-v-7c7a9bd4] .n-space {
|
|
1064
962
|
flex-wrap: wrap;
|
|
1065
963
|
}
|
|
1066
964
|
}
|
|
1067
965
|
|
|
1068
966
|
/* layer: default */
|
|
1069
|
-
.visible[data-v-
|
|
1070
|
-
.grid[data-v-
|
|
1071
|
-
.inline[data-v-
|
|
1072
|
-
.tab[data-v-
|
|
1073
|
-
.blur[data-v-
|
|
967
|
+
.visible[data-v-7c7a9bd4]{visibility:visible;}
|
|
968
|
+
.grid[data-v-7c7a9bd4]{display:grid;}
|
|
969
|
+
.inline[data-v-7c7a9bd4]{display:inline;}
|
|
970
|
+
.tab[data-v-7c7a9bd4]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
971
|
+
.blur[data-v-7c7a9bd4]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
package/dist/C_Form.css
CHANGED
|
@@ -89,7 +89,6 @@
|
|
|
89
89
|
/* ================= 卡片样式 ================= */
|
|
90
90
|
.single-card[data-v-a53d698e],
|
|
91
91
|
.group-card[data-v-a53d698e] {
|
|
92
|
-
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
93
92
|
border-left-width: 4px;
|
|
94
93
|
}
|
|
95
94
|
.single-card[data-v-a53d698e],
|
|
@@ -586,8 +585,6 @@
|
|
|
586
585
|
}
|
|
587
586
|
.dynamic-item-wrapper[data-v-fec8ee7f] {
|
|
588
587
|
position: relative;
|
|
589
|
-
transition: all 0.3s ease;
|
|
590
|
-
animation: fadeInUp-fec8ee7f 0.3s ease-out;
|
|
591
588
|
}
|
|
592
589
|
.dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
|
|
593
590
|
border: 1px dashed var(--n-color-primary);
|
|
@@ -606,16 +603,7 @@
|
|
|
606
603
|
white-space: nowrap;
|
|
607
604
|
color: var(--n-text-color-2);
|
|
608
605
|
}
|
|
609
|
-
|
|
610
|
-
from {
|
|
611
|
-
opacity: 0;
|
|
612
|
-
transform: translateY(10px);
|
|
613
|
-
}
|
|
614
|
-
to {
|
|
615
|
-
opacity: 1;
|
|
616
|
-
transform: translateY(0);
|
|
617
|
-
}
|
|
618
|
-
}
|
|
606
|
+
|
|
619
607
|
/* 响应式设计 */
|
|
620
608
|
@media (max-width: 768px) {
|
|
621
609
|
.dynamic-controls[data-v-fec8ee7f],
|
|
@@ -632,13 +620,6 @@ to {
|
|
|
632
620
|
margin-top: 8px;
|
|
633
621
|
}
|
|
634
622
|
}
|
|
635
|
-
/* 辅助功能 */
|
|
636
|
-
@media (prefers-reduced-motion: reduce) {
|
|
637
|
-
.dynamic-item-wrapper[data-v-fec8ee7f] {
|
|
638
|
-
animation: none !important;
|
|
639
|
-
transition: none !important;
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
623
|
@media (prefers-contrast: high) {
|
|
643
624
|
.dynamic-item-wrapper.is-dynamic-field[data-v-fec8ee7f] {
|
|
644
625
|
border-width: 2px;
|
|
@@ -689,70 +670,6 @@ to {
|
|
|
689
670
|
.c-grid-layout .grid-container[data-v-185a44af] {
|
|
690
671
|
width: 100%;
|
|
691
672
|
}
|
|
692
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af] {
|
|
693
|
-
/* 进场动画 */
|
|
694
|
-
animation: fadeInUp-185a44af 0.3s ease-out both;
|
|
695
|
-
}
|
|
696
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(1) {
|
|
697
|
-
animation-delay: 0.05s;
|
|
698
|
-
}
|
|
699
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(2) {
|
|
700
|
-
animation-delay: 0.1s;
|
|
701
|
-
}
|
|
702
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(3) {
|
|
703
|
-
animation-delay: 0.15s;
|
|
704
|
-
}
|
|
705
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(4) {
|
|
706
|
-
animation-delay: 0.2s;
|
|
707
|
-
}
|
|
708
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(5) {
|
|
709
|
-
animation-delay: 0.25s;
|
|
710
|
-
}
|
|
711
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(6) {
|
|
712
|
-
animation-delay: 0.3s;
|
|
713
|
-
}
|
|
714
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(7) {
|
|
715
|
-
animation-delay: 0.35s;
|
|
716
|
-
}
|
|
717
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(8) {
|
|
718
|
-
animation-delay: 0.4s;
|
|
719
|
-
}
|
|
720
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(9) {
|
|
721
|
-
animation-delay: 0.45s;
|
|
722
|
-
}
|
|
723
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(10) {
|
|
724
|
-
animation-delay: 0.5s;
|
|
725
|
-
}
|
|
726
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(11) {
|
|
727
|
-
animation-delay: 0.55s;
|
|
728
|
-
}
|
|
729
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(12) {
|
|
730
|
-
animation-delay: 0.6s;
|
|
731
|
-
}
|
|
732
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(13) {
|
|
733
|
-
animation-delay: 0.65s;
|
|
734
|
-
}
|
|
735
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(14) {
|
|
736
|
-
animation-delay: 0.7s;
|
|
737
|
-
}
|
|
738
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(15) {
|
|
739
|
-
animation-delay: 0.75s;
|
|
740
|
-
}
|
|
741
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(16) {
|
|
742
|
-
animation-delay: 0.8s;
|
|
743
|
-
}
|
|
744
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(17) {
|
|
745
|
-
animation-delay: 0.85s;
|
|
746
|
-
}
|
|
747
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(18) {
|
|
748
|
-
animation-delay: 0.9s;
|
|
749
|
-
}
|
|
750
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(19) {
|
|
751
|
-
animation-delay: 0.95s;
|
|
752
|
-
}
|
|
753
|
-
.c-grid-layout .grid-container .grid-item[data-v-185a44af]:nth-child(20) {
|
|
754
|
-
animation-delay: 1s;
|
|
755
|
-
}
|
|
756
673
|
.c-grid-layout[data-v-185a44af] {
|
|
757
674
|
/* 统计信息 */
|
|
758
675
|
}
|
|
@@ -762,17 +679,6 @@ to {
|
|
|
762
679
|
opacity: 0.8;
|
|
763
680
|
}
|
|
764
681
|
|
|
765
|
-
/* 动画定义 */
|
|
766
|
-
@keyframes fadeInUp-185a44af {
|
|
767
|
-
from {
|
|
768
|
-
opacity: 0;
|
|
769
|
-
transform: translateY(10px) scale(0.95);
|
|
770
|
-
}
|
|
771
|
-
to {
|
|
772
|
-
opacity: 1;
|
|
773
|
-
transform: translateY(0) scale(1);
|
|
774
|
-
}
|
|
775
|
-
}
|
|
776
682
|
/* 表单控件统一宽度 */
|
|
777
683
|
[data-v-185a44af] .n-form-item .n-form-item-blank {
|
|
778
684
|
/* 统一所有表单控件的宽度 */
|
|
@@ -790,12 +696,6 @@ to {
|
|
|
790
696
|
.c-grid-layout .config-panel .config-controls .config-item[data-v-185a44af] {
|
|
791
697
|
justify-content: space-between;
|
|
792
698
|
}
|
|
793
|
-
.c-grid-layout .grid-container[data-v-185a44af] .n-grid {
|
|
794
|
-
gap: 0.5rem !important;
|
|
795
|
-
}
|
|
796
|
-
.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-185a44af] {
|
|
797
|
-
padding: 0.125rem;
|
|
798
|
-
}
|
|
799
699
|
.c-grid-layout .grid-stats[data-v-185a44af] {
|
|
800
700
|
margin-top: 0.75rem;
|
|
801
701
|
font-size: 0.875rem;
|
|
@@ -832,11 +732,9 @@ to {
|
|
|
832
732
|
.c-form-inline[data-v-711f6c00] {
|
|
833
733
|
width: 100%;
|
|
834
734
|
min-height: 0;
|
|
835
|
-
transition: all 0.3s ease;
|
|
836
735
|
}
|
|
837
736
|
.c-form-inline-item[data-v-711f6c00] {
|
|
838
737
|
min-width: 0;
|
|
839
|
-
transition: all 0.3s ease;
|
|
840
738
|
}
|
|
841
739
|
|
|
842
740
|
/* 确保内部所有表单组件都占满容器宽度 */
|
|
@@ -918,53 +816,53 @@ to {
|
|
|
918
816
|
.blur[data-v-711f6c00]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
919
817
|
|
|
920
818
|
/* Steps 布局样式 */
|
|
921
|
-
.c-form-steps[data-v-
|
|
819
|
+
.c-form-steps[data-v-c3e3e8d7] {
|
|
922
820
|
display: flex;
|
|
923
821
|
flex-direction: column;
|
|
924
822
|
gap: var(--c-form-gap, 24px);
|
|
925
823
|
}
|
|
926
|
-
.single-panel[data-v-
|
|
824
|
+
.single-panel[data-v-c3e3e8d7] {
|
|
927
825
|
width: 100%;
|
|
928
826
|
}
|
|
929
|
-
.steps-container[data-v-
|
|
827
|
+
.steps-container[data-v-c3e3e8d7] {
|
|
930
828
|
display: flex;
|
|
931
829
|
flex-direction: column;
|
|
932
830
|
gap: var(--c-form-gap, 24px);
|
|
933
831
|
}
|
|
934
|
-
.steps-indicator[data-v-
|
|
832
|
+
.steps-indicator[data-v-c3e3e8d7] {
|
|
935
833
|
padding: var(--c-form-padding, 24px);
|
|
936
834
|
border-radius: 8px;
|
|
937
835
|
}
|
|
938
|
-
.steps-content[data-v-
|
|
836
|
+
.steps-content[data-v-c3e3e8d7] {
|
|
939
837
|
min-height: 400px;
|
|
940
838
|
}
|
|
941
|
-
.step-panel[data-v-
|
|
942
|
-
animation: fadeIn-
|
|
839
|
+
.step-panel[data-v-c3e3e8d7] {
|
|
840
|
+
animation: fadeIn-c3e3e8d7 0.3s ease-in-out;
|
|
943
841
|
}
|
|
944
|
-
.step-header[data-v-
|
|
842
|
+
.step-header[data-v-c3e3e8d7] {
|
|
945
843
|
margin-bottom: var(--c-form-row-gap, 24px);
|
|
946
844
|
padding-bottom: var(--c-form-row-gap, 16px);
|
|
947
845
|
border-bottom: 1px solid var(--n-border-color);
|
|
948
846
|
}
|
|
949
|
-
.step-title[data-v-
|
|
847
|
+
.step-title[data-v-c3e3e8d7] {
|
|
950
848
|
margin: 0 0 8px 0;
|
|
951
849
|
font-size: 18px;
|
|
952
850
|
font-weight: 600;
|
|
953
851
|
}
|
|
954
|
-
.step-description[data-v-
|
|
852
|
+
.step-description[data-v-c3e3e8d7] {
|
|
955
853
|
margin: 0;
|
|
956
854
|
font-size: 14px;
|
|
957
855
|
line-height: 1.5;
|
|
958
856
|
}
|
|
959
|
-
.step-form-items[data-v-
|
|
857
|
+
.step-form-items[data-v-c3e3e8d7] {
|
|
960
858
|
width: 100%;
|
|
961
859
|
}
|
|
962
|
-
.steps-actions[data-v-
|
|
860
|
+
.steps-actions[data-v-c3e3e8d7] {
|
|
963
861
|
margin-top: var(--c-form-row-gap, 24px);
|
|
964
862
|
padding-top: var(--c-form-row-gap, 16px);
|
|
965
863
|
border-top: 1px solid var(--n-border-color);
|
|
966
864
|
}
|
|
967
|
-
@keyframes fadeIn-
|
|
865
|
+
@keyframes fadeIn-c3e3e8d7 {
|
|
968
866
|
from {
|
|
969
867
|
opacity: 0;
|
|
970
868
|
transform: translateY(8px);
|
|
@@ -975,79 +873,79 @@ to {
|
|
|
975
873
|
}
|
|
976
874
|
}
|
|
977
875
|
/* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
|
|
978
|
-
.steps-container.is-vertical[data-v-
|
|
876
|
+
.steps-container.is-vertical[data-v-c3e3e8d7] {
|
|
979
877
|
flex-direction: row;
|
|
980
878
|
align-items: flex-start;
|
|
981
879
|
}
|
|
982
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
880
|
+
.steps-container.is-vertical .steps-indicator[data-v-c3e3e8d7] {
|
|
983
881
|
flex-shrink: 0;
|
|
984
882
|
width: 250px;
|
|
985
883
|
margin-right: 24px;
|
|
986
884
|
}
|
|
987
|
-
.steps-container.is-vertical .steps-content[data-v-
|
|
885
|
+
.steps-container.is-vertical .steps-content[data-v-c3e3e8d7] {
|
|
988
886
|
flex: 1;
|
|
989
887
|
}
|
|
990
888
|
|
|
991
889
|
/* 响应式设计 */
|
|
992
890
|
@media (max-width: 768px) {
|
|
993
|
-
.steps-container.is-vertical[data-v-
|
|
891
|
+
.steps-container.is-vertical[data-v-c3e3e8d7] {
|
|
994
892
|
flex-direction: column !important;
|
|
995
893
|
}
|
|
996
|
-
.steps-container.is-vertical .steps-indicator[data-v-
|
|
894
|
+
.steps-container.is-vertical .steps-indicator[data-v-c3e3e8d7] {
|
|
997
895
|
width: 100% !important;
|
|
998
896
|
margin-right: 0 !important;
|
|
999
897
|
margin-bottom: var(--c-form-row-gap, 16px);
|
|
1000
898
|
}
|
|
1001
899
|
}
|
|
1002
900
|
@media (prefers-reduced-motion: reduce) {
|
|
1003
|
-
.step-panel[data-v-
|
|
901
|
+
.step-panel[data-v-c3e3e8d7] {
|
|
1004
902
|
animation: none !important;
|
|
1005
903
|
}
|
|
1006
904
|
}
|
|
1007
905
|
|
|
1008
906
|
/* layer: default */
|
|
1009
|
-
.visible[data-v-
|
|
1010
|
-
.grid[data-v-
|
|
1011
|
-
.inline[data-v-
|
|
1012
|
-
.blur[data-v-
|
|
907
|
+
.visible[data-v-c3e3e8d7]{visibility:visible;}
|
|
908
|
+
.grid[data-v-c3e3e8d7]{display:grid;}
|
|
909
|
+
.inline[data-v-c3e3e8d7]{display:inline;}
|
|
910
|
+
.blur[data-v-c3e3e8d7]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|
|
1013
911
|
|
|
1014
912
|
/* Tabs 布局样式 */
|
|
1015
|
-
.c-form-tabs[data-v-
|
|
913
|
+
.c-form-tabs[data-v-7c7a9bd4] {
|
|
1016
914
|
width: 100%;
|
|
1017
915
|
}
|
|
1018
|
-
.single-panel[data-v-
|
|
916
|
+
.single-panel[data-v-7c7a9bd4] {
|
|
1019
917
|
width: 100%;
|
|
1020
918
|
}
|
|
1021
|
-
.tabs-container[data-v-
|
|
919
|
+
.tabs-container[data-v-7c7a9bd4] {
|
|
1022
920
|
width: 100%;
|
|
1023
921
|
}
|
|
1024
|
-
.form-tabs[data-v-
|
|
922
|
+
.form-tabs[data-v-7c7a9bd4] {
|
|
1025
923
|
width: 100%;
|
|
1026
924
|
}
|
|
1027
|
-
.tab-icon[data-v-
|
|
925
|
+
.tab-icon[data-v-7c7a9bd4] {
|
|
1028
926
|
font-size: 16px;
|
|
1029
927
|
display: inline-flex;
|
|
1030
928
|
align-items: center;
|
|
1031
929
|
justify-content: center;
|
|
1032
930
|
}
|
|
1033
|
-
.tab-header[data-v-
|
|
931
|
+
.tab-header[data-v-7c7a9bd4] {
|
|
1034
932
|
margin-bottom: var(--c-form-row-gap, 16px);
|
|
1035
933
|
padding-bottom: 12px;
|
|
1036
934
|
border-bottom: 1px solid var(--n-border-color);
|
|
1037
935
|
}
|
|
1038
|
-
.tab-description[data-v-
|
|
936
|
+
.tab-description[data-v-7c7a9bd4] {
|
|
1039
937
|
margin: 0;
|
|
1040
938
|
font-size: 14px;
|
|
1041
939
|
line-height: 1.5;
|
|
1042
940
|
opacity: 0.8;
|
|
1043
941
|
}
|
|
1044
|
-
.tab-form-items[data-v-
|
|
942
|
+
.tab-form-items[data-v-7c7a9bd4] {
|
|
1045
943
|
width: 100%;
|
|
1046
944
|
}
|
|
1047
|
-
.tab-empty[data-v-
|
|
945
|
+
.tab-empty[data-v-7c7a9bd4] {
|
|
1048
946
|
padding: 40px 0;
|
|
1049
947
|
}
|
|
1050
|
-
.tabs-actions[data-v-
|
|
948
|
+
.tabs-actions[data-v-7c7a9bd4] {
|
|
1051
949
|
margin-top: var(--c-form-row-gap, 16px);
|
|
1052
950
|
padding-top: 12px;
|
|
1053
951
|
border-top: 1px solid var(--n-border-color);
|
|
@@ -1055,18 +953,18 @@ to {
|
|
|
1055
953
|
|
|
1056
954
|
/* 响应式设计 */
|
|
1057
955
|
@media (max-width: 768px) {
|
|
1058
|
-
.tabs-actions[data-v-
|
|
956
|
+
.tabs-actions[data-v-7c7a9bd4] {
|
|
1059
957
|
margin-top: 12px;
|
|
1060
958
|
padding-top: 8px;
|
|
1061
959
|
}
|
|
1062
|
-
.tabs-actions[data-v-
|
|
960
|
+
.tabs-actions[data-v-7c7a9bd4] .n-space {
|
|
1063
961
|
flex-wrap: wrap;
|
|
1064
962
|
}
|
|
1065
963
|
}
|
|
1066
964
|
|
|
1067
965
|
/* layer: default */
|
|
1068
|
-
.visible[data-v-
|
|
1069
|
-
.grid[data-v-
|
|
1070
|
-
.inline[data-v-
|
|
1071
|
-
.tab[data-v-
|
|
1072
|
-
.blur[data-v-
|
|
966
|
+
.visible[data-v-7c7a9bd4]{visibility:visible;}
|
|
967
|
+
.grid[data-v-7c7a9bd4]{display:grid;}
|
|
968
|
+
.inline[data-v-7c7a9bd4]{display:inline;}
|
|
969
|
+
.tab[data-v-7c7a9bd4]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
|
|
970
|
+
.blur[data-v-7c7a9bd4]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
|