@robot-admin/naive-ui-components 0.3.3 → 0.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{C_Form-Cr9oX037.css.map → C_Form-BoMQ3VH9.css.map} +1 -1
- package/dist/C_Form2.js +120 -57
- package/dist/C_Form2.js.map +1 -1
- package/dist/{C_Table-DAwAxr72.css.map → C_Table-BsAOkALe.css.map} +1 -1
- package/dist/C_Table2.js +2 -2
- package/dist/C_Table2.js.map +1 -1
- package/dist/constants.d.ts +1 -1
- package/dist/constants2.d.ts +3 -3
- package/dist/constants3.d.ts +2 -2
- package/dist/constants4.d.ts +7 -7
- package/dist/constants5.d.ts +2 -2
- package/dist/data.d.ts +2 -2
- package/dist/index10.vue.d.ts +5 -5
- package/dist/index12.vue.d.ts +3 -3
- package/dist/index13.vue.d.ts +2 -2
- package/dist/index16.vue.d.ts +3 -3
- package/dist/index16.vue.d.ts.map +1 -1
- package/dist/index2.vue.d.ts +6 -6
- package/dist/index3.vue.d.ts +5 -5
- package/dist/index6.vue.d.ts +3 -3
- package/dist/index7.vue.d.ts +1 -1
- package/dist/index8.vue.d.ts +3 -3
- package/dist/style.css +146 -146
- package/dist/useCalendarEvents.d.ts +1 -1
- package/dist/useCollapsePanel.d.ts +3 -3
- package/dist/useCollapsePanel.d.ts.map +1 -1
- package/dist/useCropperCore.d.ts +7 -7
- package/dist/useDraggableLayout.d.ts +1 -1
- package/dist/useDynamicFormState.d.ts +12 -12
- package/dist/useDynamicFormState.d.ts.map +1 -1
- package/dist/useEdgeInteraction.d.ts +2 -2
- package/dist/useInfiniteScroll.d.ts +2 -2
- package/dist/useModalEdit.d.ts +2 -2
- package/dist/useQRCode.d.ts +4 -4
- package/dist/useQRCode.d.ts.map +1 -1
- package/dist/useSignatureHistory.d.ts +4 -4
- package/dist/useSplitResize.d.ts +6 -6
- package/dist/useTimeSelection.d.ts +2 -2
- package/dist/useTreeOperations.d.ts +7 -7
- package/dist/useWorkflowValidation.d.ts +4 -4
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -2207,7 +2207,7 @@ html.dark .action-divider[data-v-c7b6bc21]:hover {
|
|
|
2207
2207
|
|
|
2208
2208
|
/*# sourceMappingURL=C_FilePreview-B4XgTv-h.css.map*/
|
|
2209
2209
|
|
|
2210
|
-
/* --- C_Form-
|
|
2210
|
+
/* --- C_Form-BoMQ3VH9.css --- */
|
|
2211
2211
|
/* unplugin-vue-components disabled */
|
|
2212
2212
|
.c-form-default[data-v-a0e973bb] {
|
|
2213
2213
|
width: 100%;
|
|
@@ -2840,91 +2840,91 @@ to {
|
|
|
2840
2840
|
}
|
|
2841
2841
|
}
|
|
2842
2842
|
/* unplugin-vue-components disabled *//* Custom 布局样式 */
|
|
2843
|
-
.custom-layout .toolbar-card[data-v-
|
|
2843
|
+
.custom-layout .toolbar-card[data-v-7cb397b8] {
|
|
2844
2844
|
margin-bottom: 16px;
|
|
2845
2845
|
}
|
|
2846
|
-
.custom-layout .toolbar-card .toolbar-content[data-v-
|
|
2846
|
+
.custom-layout .toolbar-card .toolbar-content[data-v-7cb397b8] {
|
|
2847
2847
|
display: flex;
|
|
2848
2848
|
justify-content: space-between;
|
|
2849
2849
|
align-items: center;
|
|
2850
2850
|
flex-wrap: wrap;
|
|
2851
2851
|
gap: 16px;
|
|
2852
2852
|
}
|
|
2853
|
-
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-
|
|
2854
|
-
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-
|
|
2855
|
-
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-
|
|
2853
|
+
.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-7cb397b8],
|
|
2854
|
+
.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-7cb397b8],
|
|
2855
|
+
.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-7cb397b8] {
|
|
2856
2856
|
display: flex;
|
|
2857
2857
|
align-items: center;
|
|
2858
2858
|
gap: 12px;
|
|
2859
2859
|
}
|
|
2860
|
-
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-
|
|
2860
|
+
.custom-layout .toolbar-card .toolbar-content .section-label[data-v-7cb397b8] {
|
|
2861
2861
|
font-size: 14px;
|
|
2862
2862
|
font-weight: 500;
|
|
2863
2863
|
}
|
|
2864
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-
|
|
2864
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-7cb397b8] {
|
|
2865
2865
|
text-align: center;
|
|
2866
2866
|
min-width: 60px;
|
|
2867
2867
|
}
|
|
2868
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-
|
|
2868
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-7cb397b8] {
|
|
2869
2869
|
display: block;
|
|
2870
2870
|
font-size: 18px;
|
|
2871
2871
|
font-weight: 600;
|
|
2872
2872
|
color: var(--n-primary-color);
|
|
2873
2873
|
}
|
|
2874
|
-
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-
|
|
2874
|
+
.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-7cb397b8] {
|
|
2875
2875
|
font-size: 12px;
|
|
2876
2876
|
opacity: 0.7;
|
|
2877
2877
|
margin-top: 4px;
|
|
2878
2878
|
}
|
|
2879
|
-
.custom-layout .design-panel[data-v-
|
|
2879
|
+
.custom-layout .design-panel[data-v-7cb397b8] {
|
|
2880
2880
|
margin-bottom: 16px;
|
|
2881
2881
|
}
|
|
2882
|
-
.custom-layout .design-panel .design-tools[data-v-
|
|
2882
|
+
.custom-layout .design-panel .design-tools[data-v-7cb397b8] {
|
|
2883
2883
|
display: flex;
|
|
2884
2884
|
gap: 24px;
|
|
2885
2885
|
flex-wrap: wrap;
|
|
2886
2886
|
}
|
|
2887
|
-
.custom-layout .design-panel .design-tools .tool-group[data-v-
|
|
2887
|
+
.custom-layout .design-panel .design-tools .tool-group[data-v-7cb397b8] {
|
|
2888
2888
|
display: flex;
|
|
2889
2889
|
align-items: center;
|
|
2890
2890
|
gap: 8px;
|
|
2891
2891
|
}
|
|
2892
|
-
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-
|
|
2892
|
+
.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-7cb397b8] {
|
|
2893
2893
|
font-size: 14px;
|
|
2894
2894
|
font-weight: 500;
|
|
2895
2895
|
margin-right: 4px;
|
|
2896
2896
|
}
|
|
2897
|
-
.custom-layout .layout-canvas[data-v-
|
|
2897
|
+
.custom-layout .layout-canvas[data-v-7cb397b8] {
|
|
2898
2898
|
min-height: 200px;
|
|
2899
2899
|
}
|
|
2900
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
2900
|
+
.custom-layout .layout-canvas.design-mode[data-v-7cb397b8] {
|
|
2901
2901
|
border: 2px dashed var(--n-border-color);
|
|
2902
2902
|
border-radius: 8px;
|
|
2903
2903
|
padding: 16px;
|
|
2904
2904
|
background: var(--n-body-color);
|
|
2905
2905
|
}
|
|
2906
|
-
.custom-layout .layout-canvas .canvas-hint[data-v-
|
|
2906
|
+
.custom-layout .layout-canvas .canvas-hint[data-v-7cb397b8] {
|
|
2907
2907
|
display: flex;
|
|
2908
2908
|
align-items: center;
|
|
2909
2909
|
justify-content: center;
|
|
2910
2910
|
height: 120px;
|
|
2911
2911
|
text-align: center;
|
|
2912
2912
|
}
|
|
2913
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-
|
|
2913
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-7cb397b8] {
|
|
2914
2914
|
margin: 0 0 8px 0;
|
|
2915
2915
|
font-size: 18px;
|
|
2916
2916
|
}
|
|
2917
|
-
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-
|
|
2917
|
+
.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-7cb397b8] {
|
|
2918
2918
|
margin: 0;
|
|
2919
2919
|
opacity: 0.7;
|
|
2920
2920
|
font-size: 14px;
|
|
2921
2921
|
}
|
|
2922
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
2922
|
+
.custom-layout .layout-canvas .areas-container[data-v-7cb397b8] {
|
|
2923
2923
|
display: flex;
|
|
2924
2924
|
flex-wrap: wrap;
|
|
2925
2925
|
gap: 16px;
|
|
2926
2926
|
}
|
|
2927
|
-
.custom-layout .layout-canvas .custom-area[data-v-
|
|
2927
|
+
.custom-layout .layout-canvas .custom-area[data-v-7cb397b8] {
|
|
2928
2928
|
border: 1px solid var(--n-border-color);
|
|
2929
2929
|
border-radius: 8px;
|
|
2930
2930
|
background: var(--n-card-color);
|
|
@@ -2933,7 +2933,7 @@ to {
|
|
|
2933
2933
|
flex: 1;
|
|
2934
2934
|
min-width: 250px;
|
|
2935
2935
|
}
|
|
2936
|
-
.custom-layout .layout-canvas .custom-area .area-header[data-v-
|
|
2936
|
+
.custom-layout .layout-canvas .custom-area .area-header[data-v-7cb397b8] {
|
|
2937
2937
|
display: flex;
|
|
2938
2938
|
justify-content: space-between;
|
|
2939
2939
|
align-items: center;
|
|
@@ -2941,12 +2941,12 @@ to {
|
|
|
2941
2941
|
padding-bottom: 8px;
|
|
2942
2942
|
border-bottom: 1px solid var(--n-divider-color);
|
|
2943
2943
|
}
|
|
2944
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-
|
|
2944
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-7cb397b8] {
|
|
2945
2945
|
display: flex;
|
|
2946
2946
|
align-items: center;
|
|
2947
2947
|
gap: 8px;
|
|
2948
2948
|
}
|
|
2949
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
2949
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-7cb397b8] {
|
|
2950
2950
|
font-weight: 600;
|
|
2951
2951
|
font-size: 14px;
|
|
2952
2952
|
cursor: pointer;
|
|
@@ -2954,25 +2954,25 @@ to {
|
|
|
2954
2954
|
border-radius: 4px;
|
|
2955
2955
|
transition: all 0.2s ease;
|
|
2956
2956
|
}
|
|
2957
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-
|
|
2957
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-7cb397b8]:hover {
|
|
2958
2958
|
background: var(--n-button-color-hover);
|
|
2959
2959
|
color: var(--n-primary-color);
|
|
2960
2960
|
}
|
|
2961
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-
|
|
2961
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-7cb397b8] {
|
|
2962
2962
|
min-width: 120px;
|
|
2963
2963
|
max-width: 200px;
|
|
2964
2964
|
}
|
|
2965
|
-
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-
|
|
2965
|
+
.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-7cb397b8] {
|
|
2966
2966
|
display: flex;
|
|
2967
2967
|
gap: 4px;
|
|
2968
2968
|
}
|
|
2969
|
-
.custom-layout .layout-canvas .custom-area .area-fields[data-v-
|
|
2969
|
+
.custom-layout .layout-canvas .custom-area .area-fields[data-v-7cb397b8] {
|
|
2970
2970
|
display: flex;
|
|
2971
2971
|
flex-direction: column;
|
|
2972
2972
|
gap: 8px;
|
|
2973
2973
|
min-height: 60px;
|
|
2974
2974
|
}
|
|
2975
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
2975
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-7cb397b8] {
|
|
2976
2976
|
display: flex;
|
|
2977
2977
|
align-items: center;
|
|
2978
2978
|
justify-content: center;
|
|
@@ -2985,21 +2985,21 @@ to {
|
|
|
2985
2985
|
background: var(--n-body-color);
|
|
2986
2986
|
margin-top: 8px;
|
|
2987
2987
|
}
|
|
2988
|
-
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-
|
|
2988
|
+
.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-7cb397b8]:hover {
|
|
2989
2989
|
border-color: var(--n-primary-color);
|
|
2990
2990
|
opacity: 1;
|
|
2991
2991
|
}
|
|
2992
|
-
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-
|
|
2992
|
+
.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-7cb397b8] {
|
|
2993
2993
|
flex-direction: row;
|
|
2994
2994
|
flex-wrap: wrap;
|
|
2995
2995
|
gap: 12px;
|
|
2996
2996
|
}
|
|
2997
|
-
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-
|
|
2997
|
+
.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-7cb397b8] {
|
|
2998
2998
|
display: grid;
|
|
2999
2999
|
grid-template-columns: repeat(2, 1fr);
|
|
3000
3000
|
gap: 8px;
|
|
3001
3001
|
}
|
|
3002
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
3002
|
+
.custom-layout .layout-canvas .field-item[data-v-7cb397b8] {
|
|
3003
3003
|
border: 1px solid var(--n-border-color);
|
|
3004
3004
|
border-radius: 6px;
|
|
3005
3005
|
background: var(--n-body-color);
|
|
@@ -3008,18 +3008,18 @@ to {
|
|
|
3008
3008
|
cursor: move;
|
|
3009
3009
|
transition: all 0.2s ease;
|
|
3010
3010
|
}
|
|
3011
|
-
.custom-layout .layout-canvas .field-item[data-v-
|
|
3011
|
+
.custom-layout .layout-canvas .field-item[data-v-7cb397b8]:hover {
|
|
3012
3012
|
border-color: var(--n-primary-color);
|
|
3013
3013
|
transform: translateY(-1px);
|
|
3014
3014
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
3015
3015
|
}
|
|
3016
|
-
.custom-layout .layout-canvas .field-item .field-preview[data-v-
|
|
3016
|
+
.custom-layout .layout-canvas .field-item .field-preview[data-v-7cb397b8] {
|
|
3017
3017
|
display: flex;
|
|
3018
3018
|
justify-content: space-between;
|
|
3019
3019
|
align-items: center;
|
|
3020
3020
|
gap: 8px;
|
|
3021
3021
|
}
|
|
3022
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-
|
|
3022
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-7cb397b8] {
|
|
3023
3023
|
font-size: 13px;
|
|
3024
3024
|
font-weight: 500;
|
|
3025
3025
|
flex: 1;
|
|
@@ -3027,7 +3027,7 @@ to {
|
|
|
3027
3027
|
text-overflow: ellipsis;
|
|
3028
3028
|
white-space: nowrap;
|
|
3029
3029
|
}
|
|
3030
|
-
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-
|
|
3030
|
+
.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-7cb397b8] {
|
|
3031
3031
|
font-size: 11px;
|
|
3032
3032
|
opacity: 0.6;
|
|
3033
3033
|
background: var(--n-tag-color);
|
|
@@ -3035,15 +3035,15 @@ to {
|
|
|
3035
3035
|
border-radius: 4px;
|
|
3036
3036
|
flex-shrink: 0;
|
|
3037
3037
|
}
|
|
3038
|
-
.custom-layout .layout-canvas .field-pool[data-v-
|
|
3038
|
+
.custom-layout .layout-canvas .field-pool[data-v-7cb397b8] {
|
|
3039
3039
|
margin-top: 16px;
|
|
3040
3040
|
}
|
|
3041
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
3041
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-7cb397b8] {
|
|
3042
3042
|
display: grid;
|
|
3043
3043
|
grid-template-columns: repeat(4, 1fr);
|
|
3044
3044
|
gap: 12px;
|
|
3045
3045
|
}
|
|
3046
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
3046
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-7cb397b8] {
|
|
3047
3047
|
border: 1px solid var(--n-border-color);
|
|
3048
3048
|
border-radius: 6px;
|
|
3049
3049
|
background: var(--n-card-color);
|
|
@@ -3055,12 +3055,12 @@ to {
|
|
|
3055
3055
|
justify-content: space-between;
|
|
3056
3056
|
align-items: center;
|
|
3057
3057
|
}
|
|
3058
|
-
.custom-layout .layout-canvas .field-pool .pool-field[data-v-
|
|
3058
|
+
.custom-layout .layout-canvas .field-pool .pool-field[data-v-7cb397b8]:hover {
|
|
3059
3059
|
border-color: var(--n-primary-color);
|
|
3060
3060
|
transform: translateY(-1px);
|
|
3061
3061
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
3062
3062
|
}
|
|
3063
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-
|
|
3063
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-7cb397b8] {
|
|
3064
3064
|
font-size: 13px;
|
|
3065
3065
|
font-weight: 500;
|
|
3066
3066
|
flex: 1;
|
|
@@ -3068,88 +3068,88 @@ to {
|
|
|
3068
3068
|
text-overflow: ellipsis;
|
|
3069
3069
|
white-space: nowrap;
|
|
3070
3070
|
}
|
|
3071
|
-
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-
|
|
3071
|
+
.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-7cb397b8] {
|
|
3072
3072
|
font-size: 11px;
|
|
3073
3073
|
padding: 2px 8px;
|
|
3074
3074
|
border-radius: 4px;
|
|
3075
3075
|
background: var(--n-tag-color);
|
|
3076
3076
|
flex-shrink: 0;
|
|
3077
3077
|
}
|
|
3078
|
-
.custom-layout .layout-canvas .empty-layout[data-v-
|
|
3078
|
+
.custom-layout .layout-canvas .empty-layout[data-v-7cb397b8] {
|
|
3079
3079
|
display: flex;
|
|
3080
3080
|
align-items: center;
|
|
3081
3081
|
justify-content: center;
|
|
3082
3082
|
height: 120px;
|
|
3083
3083
|
padding: 16px;
|
|
3084
3084
|
}
|
|
3085
|
-
.custom-layout .layout-canvas .form-areas[data-v-
|
|
3085
|
+
.custom-layout .layout-canvas .form-areas[data-v-7cb397b8] {
|
|
3086
3086
|
display: flex;
|
|
3087
3087
|
flex-wrap: wrap;
|
|
3088
3088
|
gap: 16px;
|
|
3089
3089
|
align-items: flex-start;
|
|
3090
3090
|
}
|
|
3091
|
-
.custom-layout .layout-canvas .form-areas .form-area[data-v-
|
|
3091
|
+
.custom-layout .layout-canvas .form-areas .form-area[data-v-7cb397b8] {
|
|
3092
3092
|
flex: 1;
|
|
3093
3093
|
min-width: 250px;
|
|
3094
3094
|
}
|
|
3095
|
-
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-
|
|
3095
|
+
.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-7cb397b8] {
|
|
3096
3096
|
width: 100%;
|
|
3097
3097
|
}
|
|
3098
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3098
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] {
|
|
3099
3099
|
display: flex;
|
|
3100
3100
|
flex-direction: column;
|
|
3101
3101
|
gap: 16px;
|
|
3102
3102
|
/* 统一表单项宽度 */
|
|
3103
3103
|
}
|
|
3104
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3104
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item {
|
|
3105
3105
|
width: 100%;
|
|
3106
3106
|
}
|
|
3107
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3107
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank {
|
|
3108
3108
|
width: 100%;
|
|
3109
3109
|
/* 统一输入控件宽度 */
|
|
3110
3110
|
/* 特殊控件的额外处理 */
|
|
3111
3111
|
}
|
|
3112
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3113
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3114
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3115
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3116
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3117
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3118
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3119
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3120
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3121
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3122
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3112
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-input,
|
|
3113
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-select,
|
|
3114
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-date-picker,
|
|
3115
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-input-number,
|
|
3116
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-textarea,
|
|
3117
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-radio-group,
|
|
3118
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-checkbox-group,
|
|
3119
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-cascader,
|
|
3120
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-tree-select,
|
|
3121
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-time-picker,
|
|
3122
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-color-picker {
|
|
3123
3123
|
width: 100% !important;
|
|
3124
3124
|
max-width: 100% !important;
|
|
3125
3125
|
}
|
|
3126
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3127
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-
|
|
3126
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-radio-group,
|
|
3127
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-7cb397b8] .n-form-item .n-form-item-blank .n-checkbox-group {
|
|
3128
3128
|
display: flex;
|
|
3129
3129
|
flex-wrap: wrap;
|
|
3130
3130
|
gap: 8px;
|
|
3131
3131
|
}
|
|
3132
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
3132
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-7cb397b8] {
|
|
3133
3133
|
flex-direction: row;
|
|
3134
3134
|
flex-wrap: wrap;
|
|
3135
3135
|
gap: 12px;
|
|
3136
3136
|
}
|
|
3137
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-
|
|
3137
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-7cb397b8] .n-form-item {
|
|
3138
3138
|
flex: 1;
|
|
3139
3139
|
min-width: 200px;
|
|
3140
3140
|
}
|
|
3141
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
3141
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-7cb397b8] {
|
|
3142
3142
|
display: grid;
|
|
3143
3143
|
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
|
3144
3144
|
gap: 16px;
|
|
3145
3145
|
}
|
|
3146
|
-
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-
|
|
3146
|
+
.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-7cb397b8] .n-form-item {
|
|
3147
3147
|
width: 100%;
|
|
3148
3148
|
}
|
|
3149
3149
|
|
|
3150
3150
|
/* 拖拽状态 */
|
|
3151
|
-
.area-ghost[data-v-
|
|
3152
|
-
.field-ghost[data-v-
|
|
3151
|
+
.area-ghost[data-v-7cb397b8],
|
|
3152
|
+
.field-ghost[data-v-7cb397b8] {
|
|
3153
3153
|
opacity: 0.5;
|
|
3154
3154
|
background: var(--n-primary-color-suppl);
|
|
3155
3155
|
border: 2px dashed var(--n-primary-color);
|
|
@@ -3158,32 +3158,32 @@ to {
|
|
|
3158
3158
|
|
|
3159
3159
|
/* 响应式 */
|
|
3160
3160
|
@media (max-width: 1024px) {
|
|
3161
|
-
.custom-layout .toolbar-content[data-v-
|
|
3161
|
+
.custom-layout .toolbar-content[data-v-7cb397b8] {
|
|
3162
3162
|
flex-direction: column;
|
|
3163
3163
|
gap: 12px;
|
|
3164
3164
|
}
|
|
3165
|
-
.custom-layout .layout-canvas .areas-container[data-v-
|
|
3165
|
+
.custom-layout .layout-canvas .areas-container[data-v-7cb397b8] {
|
|
3166
3166
|
flex-direction: column;
|
|
3167
3167
|
}
|
|
3168
3168
|
}
|
|
3169
3169
|
@media (max-width: 768px) {
|
|
3170
|
-
.custom-layout .design-tools[data-v-
|
|
3170
|
+
.custom-layout .design-tools[data-v-7cb397b8] {
|
|
3171
3171
|
flex-direction: column;
|
|
3172
3172
|
gap: 12px;
|
|
3173
3173
|
}
|
|
3174
|
-
.custom-layout .layout-canvas.design-mode[data-v-
|
|
3174
|
+
.custom-layout .layout-canvas.design-mode[data-v-7cb397b8] {
|
|
3175
3175
|
padding: 12px;
|
|
3176
3176
|
}
|
|
3177
|
-
.custom-layout .custom-area[data-v-
|
|
3177
|
+
.custom-layout .custom-area[data-v-7cb397b8] {
|
|
3178
3178
|
padding: 12px;
|
|
3179
3179
|
min-height: 100px;
|
|
3180
3180
|
}
|
|
3181
|
-
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-
|
|
3181
|
+
.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-7cb397b8] {
|
|
3182
3182
|
grid-template-columns: repeat(2, 1fr);
|
|
3183
3183
|
}
|
|
3184
3184
|
}
|
|
3185
3185
|
|
|
3186
|
-
/*# sourceMappingURL=C_Form-
|
|
3186
|
+
/*# sourceMappingURL=C_Form-BoMQ3VH9.css.map*/
|
|
3187
3187
|
|
|
3188
3188
|
/* --- C_FormSearch-DlIEoh7X.css --- */
|
|
3189
3189
|
/* unplugin-vue-components disabled */.form-search-card[data-v-3439b171] .n-card__content {
|
|
@@ -5082,7 +5082,7 @@ to {
|
|
|
5082
5082
|
|
|
5083
5083
|
/*# sourceMappingURL=C_Steps-P9Qj9iDd.css.map*/
|
|
5084
5084
|
|
|
5085
|
-
/* --- C_Table-
|
|
5085
|
+
/* --- C_Table-BsAOkALe.css --- */
|
|
5086
5086
|
/* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-a4d013ea] {
|
|
5087
5087
|
display: flex;
|
|
5088
5088
|
align-items: center;
|
|
@@ -5204,40 +5204,40 @@ to {
|
|
|
5204
5204
|
transform: scale(1.15);
|
|
5205
5205
|
}
|
|
5206
5206
|
/* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
|
|
5207
|
-
.c-table-wrapper[data-v-
|
|
5207
|
+
.c-table-wrapper[data-v-360ced03] {
|
|
5208
5208
|
width: 100%;
|
|
5209
5209
|
position: relative;
|
|
5210
5210
|
}
|
|
5211
5211
|
|
|
5212
5212
|
/* ================= 2. 表格工具栏 ================= */
|
|
5213
|
-
.table-toolbar[data-v-
|
|
5213
|
+
.table-toolbar[data-v-360ced03] {
|
|
5214
5214
|
display: flex;
|
|
5215
5215
|
justify-content: space-between;
|
|
5216
5216
|
align-items: center;
|
|
5217
5217
|
margin-bottom: 16px;
|
|
5218
5218
|
}
|
|
5219
|
-
.table-toolbar .toolbar-left[data-v-
|
|
5219
|
+
.table-toolbar .toolbar-left[data-v-360ced03] {
|
|
5220
5220
|
display: flex;
|
|
5221
5221
|
align-items: center;
|
|
5222
5222
|
gap: 12px;
|
|
5223
5223
|
}
|
|
5224
|
-
.table-toolbar .toolbar-right[data-v-
|
|
5224
|
+
.table-toolbar .toolbar-right[data-v-360ced03] {
|
|
5225
5225
|
display: flex;
|
|
5226
5226
|
align-items: center;
|
|
5227
5227
|
gap: 8px;
|
|
5228
5228
|
}
|
|
5229
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
5229
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-360ced03] {
|
|
5230
5230
|
opacity: 0.6;
|
|
5231
5231
|
transition: opacity 0.2s ease, transform 0.2s ease;
|
|
5232
5232
|
cursor: pointer;
|
|
5233
5233
|
}
|
|
5234
|
-
.table-toolbar .toolbar-right .column-settings-btn[data-v-
|
|
5234
|
+
.table-toolbar .toolbar-right .column-settings-btn[data-v-360ced03]:hover {
|
|
5235
5235
|
opacity: 1;
|
|
5236
5236
|
transform: scale(1.1);
|
|
5237
5237
|
}
|
|
5238
5238
|
|
|
5239
5239
|
/* ================= 3. 动态行工具栏 ================= */
|
|
5240
|
-
.dynamic-rows-toolbar[data-v-
|
|
5240
|
+
.dynamic-rows-toolbar[data-v-360ced03] {
|
|
5241
5241
|
margin-bottom: 16px;
|
|
5242
5242
|
padding: 16px;
|
|
5243
5243
|
border-radius: 8px;
|
|
@@ -5246,12 +5246,12 @@ to {
|
|
|
5246
5246
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
5247
5247
|
transition: all 0.2s ease;
|
|
5248
5248
|
}
|
|
5249
|
-
.dynamic-rows-toolbar[data-v-
|
|
5249
|
+
.dynamic-rows-toolbar[data-v-360ced03]:hover {
|
|
5250
5250
|
border-color: var(--n-primary-color-suppl);
|
|
5251
5251
|
}
|
|
5252
5252
|
|
|
5253
5253
|
/* ================= 4. 表格布局基础 ================= */
|
|
5254
|
-
[data-v-
|
|
5254
|
+
[data-v-360ced03] .n-data-table {
|
|
5255
5255
|
table-layout: auto !important;
|
|
5256
5256
|
width: 100% !important;
|
|
5257
5257
|
border-radius: 8px;
|
|
@@ -5259,12 +5259,12 @@ to {
|
|
|
5259
5259
|
}
|
|
5260
5260
|
|
|
5261
5261
|
/* 确保表格容器允许横向滚动(固定列必需) */
|
|
5262
|
-
[data-v-
|
|
5262
|
+
[data-v-360ced03] .n-data-table-wrapper {
|
|
5263
5263
|
overflow-x: auto !important;
|
|
5264
5264
|
}
|
|
5265
5265
|
|
|
5266
5266
|
/* 分页组件样式 */
|
|
5267
|
-
.pagination-wrapper[data-v-
|
|
5267
|
+
.pagination-wrapper[data-v-360ced03] {
|
|
5268
5268
|
margin-top: 16px;
|
|
5269
5269
|
display: flex;
|
|
5270
5270
|
justify-content: flex-end;
|
|
@@ -5272,12 +5272,12 @@ to {
|
|
|
5272
5272
|
|
|
5273
5273
|
/* ================= 5. 表格列宽度管理 ================= */
|
|
5274
5274
|
/* 普通列的最小宽度保护 */
|
|
5275
|
-
[data-v-
|
|
5275
|
+
[data-v-360ced03] .n-data-table-th:not(:last-child) {
|
|
5276
5276
|
min-width: 80px !important;
|
|
5277
5277
|
}
|
|
5278
5278
|
|
|
5279
5279
|
/* 操作列固定宽度(适应4个按钮的布局) */
|
|
5280
|
-
[data-v-
|
|
5280
|
+
[data-v-360ced03] .n-data-table-th:last-child {
|
|
5281
5281
|
width: 180px !important;
|
|
5282
5282
|
min-width: 160px !important;
|
|
5283
5283
|
max-width: 200px !important;
|
|
@@ -5286,14 +5286,14 @@ to {
|
|
|
5286
5286
|
}
|
|
5287
5287
|
|
|
5288
5288
|
/* 操作按钮容器居中 */
|
|
5289
|
-
[data-v-
|
|
5289
|
+
[data-v-360ced03] .n-data-table-td:last-child .n-space {
|
|
5290
5290
|
justify-content: center !important;
|
|
5291
5291
|
align-items: center !important;
|
|
5292
5292
|
}
|
|
5293
5293
|
|
|
5294
5294
|
/* ================= 6. 可编辑单元格样式 ================= */
|
|
5295
5295
|
/* 单元格编辑容器 - 精致化设计 */
|
|
5296
|
-
.cell-edit-wrapper[data-v-
|
|
5296
|
+
.cell-edit-wrapper[data-v-360ced03] {
|
|
5297
5297
|
display: flex;
|
|
5298
5298
|
align-items: center;
|
|
5299
5299
|
justify-content: space-between;
|
|
@@ -5307,20 +5307,20 @@ to {
|
|
|
5307
5307
|
/* 悬停效果 */
|
|
5308
5308
|
/* 激活状态 */
|
|
5309
5309
|
}
|
|
5310
|
-
.cell-edit-wrapper[data-v-
|
|
5310
|
+
.cell-edit-wrapper[data-v-360ced03]:hover {
|
|
5311
5311
|
background-color: var(--n-color-target);
|
|
5312
5312
|
}
|
|
5313
|
-
.cell-edit-wrapper:hover .cell-edit-icon[data-v-
|
|
5313
|
+
.cell-edit-wrapper:hover .cell-edit-icon[data-v-360ced03] {
|
|
5314
5314
|
opacity: 1;
|
|
5315
5315
|
color: var(--n-color-success);
|
|
5316
5316
|
transform: scale(1.05);
|
|
5317
5317
|
}
|
|
5318
|
-
.cell-edit-wrapper[data-v-
|
|
5318
|
+
.cell-edit-wrapper[data-v-360ced03]:active {
|
|
5319
5319
|
transform: translateY(1px);
|
|
5320
5320
|
}
|
|
5321
5321
|
|
|
5322
5322
|
/* 单元格内容 */
|
|
5323
|
-
.cell-value[data-v-
|
|
5323
|
+
.cell-value[data-v-360ced03] {
|
|
5324
5324
|
flex: 1;
|
|
5325
5325
|
overflow: hidden;
|
|
5326
5326
|
text-overflow: ellipsis;
|
|
@@ -5331,7 +5331,7 @@ to {
|
|
|
5331
5331
|
}
|
|
5332
5332
|
|
|
5333
5333
|
/* 编辑图标 - 使用全局选择器确保动态创建的元素也能被选中 */
|
|
5334
|
-
.cell-edit-icon[data-v-
|
|
5334
|
+
.cell-edit-icon[data-v-360ced03],.cell-edit-icon {
|
|
5335
5335
|
flex-shrink: 0;
|
|
5336
5336
|
width: 24px;
|
|
5337
5337
|
height: 24px;
|
|
@@ -5349,23 +5349,23 @@ to {
|
|
|
5349
5349
|
/* 激活效果 */
|
|
5350
5350
|
/* 图标尺寸 */
|
|
5351
5351
|
}
|
|
5352
|
-
.cell-edit-icon[data-v-
|
|
5352
|
+
.cell-edit-icon[data-v-360ced03]:hover,.cell-edit-icon {
|
|
5353
5353
|
opacity: 1 !important;
|
|
5354
5354
|
color: var(--n-color-success-hover) !important;
|
|
5355
5355
|
background-color: var(--n-color-success-pressed);
|
|
5356
5356
|
transform: scale(1.1);
|
|
5357
5357
|
}
|
|
5358
|
-
.cell-edit-icon[data-v-
|
|
5358
|
+
.cell-edit-icon[data-v-360ced03]:active,.cell-edit-icon {
|
|
5359
5359
|
transform: scale(0.95);
|
|
5360
5360
|
}
|
|
5361
|
-
.cell-edit-icon svg[data-v-
|
|
5361
|
+
.cell-edit-icon svg[data-v-360ced03],.cell-edit-icon {
|
|
5362
5362
|
width: 14px;
|
|
5363
5363
|
height: 14px;
|
|
5364
5364
|
}
|
|
5365
5365
|
|
|
5366
5366
|
/* ================= 7. 单元格编辑状态样式 ================= */
|
|
5367
5367
|
/* 编辑容器 - 确保水平布局不换行 */
|
|
5368
|
-
.cell-editing-container[data-v-
|
|
5368
|
+
.cell-editing-container[data-v-360ced03],[data-v-360ced03] .cell-editing-container {
|
|
5369
5369
|
display: flex !important;
|
|
5370
5370
|
align-items: center !important;
|
|
5371
5371
|
width: 100% !important;
|
|
@@ -5379,39 +5379,39 @@ to {
|
|
|
5379
5379
|
}
|
|
5380
5380
|
|
|
5381
5381
|
/* 编辑输入区域 - 占据剩余空间 */
|
|
5382
|
-
.cell-editing-input[data-v-
|
|
5382
|
+
.cell-editing-input[data-v-360ced03],[data-v-360ced03] .cell-editing-input {
|
|
5383
5383
|
flex: 1 !important;
|
|
5384
5384
|
min-width: 0 !important;
|
|
5385
5385
|
}
|
|
5386
5386
|
|
|
5387
5387
|
/* 深度选择器处理输入框样式 */
|
|
5388
|
-
[data-v-
|
|
5388
|
+
[data-v-360ced03] .cell-editing-input .n-input {
|
|
5389
5389
|
border: none !important;
|
|
5390
5390
|
box-shadow: none !important;
|
|
5391
5391
|
background: transparent !important;
|
|
5392
5392
|
}
|
|
5393
|
-
[data-v-
|
|
5393
|
+
[data-v-360ced03] .cell-editing-input .n-input.n-input--focus {
|
|
5394
5394
|
border: none !important;
|
|
5395
5395
|
box-shadow: none !important;
|
|
5396
5396
|
}
|
|
5397
|
-
[data-v-
|
|
5397
|
+
[data-v-360ced03] .cell-editing-input .n-input-number {
|
|
5398
5398
|
border: none !important;
|
|
5399
5399
|
box-shadow: none !important;
|
|
5400
5400
|
background: transparent !important;
|
|
5401
5401
|
}
|
|
5402
|
-
[data-v-
|
|
5402
|
+
[data-v-360ced03] .cell-editing-input .n-select {
|
|
5403
5403
|
border: none !important;
|
|
5404
5404
|
box-shadow: none !important;
|
|
5405
5405
|
background: transparent !important;
|
|
5406
5406
|
}
|
|
5407
|
-
[data-v-
|
|
5407
|
+
[data-v-360ced03] .cell-editing-input .n-select .n-base-selection {
|
|
5408
5408
|
border: none !important;
|
|
5409
5409
|
box-shadow: none !important;
|
|
5410
5410
|
background: transparent !important;
|
|
5411
5411
|
}
|
|
5412
5412
|
|
|
5413
5413
|
/* 编辑操作按钮容器 */
|
|
5414
|
-
.cell-editing-actions[data-v-
|
|
5414
|
+
.cell-editing-actions[data-v-360ced03],[data-v-360ced03] .cell-editing-actions {
|
|
5415
5415
|
display: flex !important;
|
|
5416
5416
|
flex-shrink: 0 !important;
|
|
5417
5417
|
align-items: center !important;
|
|
@@ -5424,7 +5424,7 @@ to {
|
|
|
5424
5424
|
}
|
|
5425
5425
|
|
|
5426
5426
|
/* 编辑操作按钮 */
|
|
5427
|
-
.cell-action-btn[data-v-
|
|
5427
|
+
.cell-action-btn[data-v-360ced03],[data-v-360ced03] .cell-action-btn {
|
|
5428
5428
|
display: flex !important;
|
|
5429
5429
|
align-items: center !important;
|
|
5430
5430
|
justify-content: center !important;
|
|
@@ -5439,28 +5439,28 @@ to {
|
|
|
5439
5439
|
/* 取消按钮 */
|
|
5440
5440
|
/* 图标尺寸 */
|
|
5441
5441
|
}
|
|
5442
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
5442
|
+
.cell-action-btn.cell-action-save[data-v-360ced03],[data-v-360ced03] .cell-action-btn.cell-action-save {
|
|
5443
5443
|
color: var(--n-color-success) !important;
|
|
5444
5444
|
}
|
|
5445
|
-
.cell-action-btn.cell-action-save[data-v-
|
|
5445
|
+
.cell-action-btn.cell-action-save[data-v-360ced03]:hover,[data-v-360ced03] .cell-action-btn.cell-action-save:hover {
|
|
5446
5446
|
background: var(--n-color-success-pressed) !important;
|
|
5447
5447
|
transform: scale(1.1) !important;
|
|
5448
5448
|
}
|
|
5449
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
5449
|
+
.cell-action-btn.cell-action-cancel[data-v-360ced03],[data-v-360ced03] .cell-action-btn.cell-action-cancel {
|
|
5450
5450
|
color: var(--n-color-error) !important;
|
|
5451
5451
|
}
|
|
5452
|
-
.cell-action-btn.cell-action-cancel[data-v-
|
|
5452
|
+
.cell-action-btn.cell-action-cancel[data-v-360ced03]:hover,[data-v-360ced03] .cell-action-btn.cell-action-cancel:hover {
|
|
5453
5453
|
background: var(--n-color-error-pressed) !important;
|
|
5454
5454
|
transform: scale(1.1) !important;
|
|
5455
5455
|
}
|
|
5456
|
-
.cell-action-btn svg[data-v-
|
|
5456
|
+
.cell-action-btn svg[data-v-360ced03],[data-v-360ced03] .cell-action-btn svg {
|
|
5457
5457
|
width: 11px !important;
|
|
5458
5458
|
height: 11px !important;
|
|
5459
5459
|
}
|
|
5460
5460
|
|
|
5461
5461
|
/* ================= 7. 操作按钮样式 ================= */
|
|
5462
5462
|
/* 通用按钮样式 */
|
|
5463
|
-
[data-v-
|
|
5463
|
+
[data-v-360ced03] .n-button {
|
|
5464
5464
|
white-space: nowrap;
|
|
5465
5465
|
font-size: 12px !important;
|
|
5466
5466
|
flex-shrink: 0 !important;
|
|
@@ -5471,54 +5471,54 @@ to {
|
|
|
5471
5471
|
/* 小尺寸按钮优化 */
|
|
5472
5472
|
/* 四元按钮样式 */
|
|
5473
5473
|
}
|
|
5474
|
-
[data-v-
|
|
5474
|
+
[data-v-360ced03] .n-button .n-icon {
|
|
5475
5475
|
margin-right: 4px !important;
|
|
5476
5476
|
}
|
|
5477
|
-
[data-v-
|
|
5477
|
+
[data-v-360ced03] .n-button.n-button--small-type {
|
|
5478
5478
|
padding: 4px 8px;
|
|
5479
5479
|
height: 28px;
|
|
5480
5480
|
line-height: 20px;
|
|
5481
5481
|
}
|
|
5482
|
-
[data-v-
|
|
5482
|
+
[data-v-360ced03] .n-button.n-button--quaternary-type:hover {
|
|
5483
5483
|
transform: translateY(-1px);
|
|
5484
5484
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
5485
5485
|
}
|
|
5486
|
-
[data-v-
|
|
5486
|
+
[data-v-360ced03] .n-button.n-button--quaternary-type:active {
|
|
5487
5487
|
transform: translateY(0);
|
|
5488
5488
|
}
|
|
5489
5489
|
|
|
5490
5490
|
/* ================= 8. 按钮组间距优化 ================= */
|
|
5491
5491
|
/* 操作按钮组 */
|
|
5492
|
-
[data-v-
|
|
5492
|
+
[data-v-360ced03] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
|
|
5493
5493
|
margin-right: 6px !important;
|
|
5494
5494
|
}
|
|
5495
5495
|
|
|
5496
5496
|
/* ================= 9. 模态框样式优化 ================= */
|
|
5497
5497
|
/* 编辑模态框 */
|
|
5498
|
-
[data-v-
|
|
5498
|
+
[data-v-360ced03] .n-modal .n-card {
|
|
5499
5499
|
border-radius: 12px;
|
|
5500
5500
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
5501
5501
|
}
|
|
5502
|
-
[data-v-
|
|
5502
|
+
[data-v-360ced03] .n-modal .n-card__header {
|
|
5503
5503
|
padding: 20px 24px 16px;
|
|
5504
5504
|
font-weight: 600;
|
|
5505
5505
|
font-size: 16px;
|
|
5506
5506
|
}
|
|
5507
|
-
[data-v-
|
|
5507
|
+
[data-v-360ced03] .n-modal .n-card__content {
|
|
5508
5508
|
padding: 0 24px 16px;
|
|
5509
5509
|
}
|
|
5510
|
-
[data-v-
|
|
5510
|
+
[data-v-360ced03] .n-modal .n-card__action {
|
|
5511
5511
|
padding: 16px 24px 20px;
|
|
5512
5512
|
border-top: 1px solid var(--n-divider-color);
|
|
5513
5513
|
}
|
|
5514
5514
|
|
|
5515
5515
|
/* ================= 10. 描述列表样式 ================= */
|
|
5516
5516
|
/* 详情模态框描述列表 */
|
|
5517
|
-
[data-v-
|
|
5517
|
+
[data-v-360ced03] .n-descriptions .n-descriptions-item-label {
|
|
5518
5518
|
font-weight: 500;
|
|
5519
5519
|
color: var(--n-text-color-2);
|
|
5520
5520
|
}
|
|
5521
|
-
[data-v-
|
|
5521
|
+
[data-v-360ced03] .n-descriptions .n-descriptions-item-content {
|
|
5522
5522
|
color: var(--n-text-color-1);
|
|
5523
5523
|
word-break: break-all;
|
|
5524
5524
|
}
|
|
@@ -5526,90 +5526,90 @@ to {
|
|
|
5526
5526
|
/* ================= 11. 响应式设计 ================= */
|
|
5527
5527
|
/* 移动端适配 */
|
|
5528
5528
|
@media (max-width: 768px) {
|
|
5529
|
-
.c-table-wrapper[data-v-
|
|
5529
|
+
.c-table-wrapper[data-v-360ced03] {
|
|
5530
5530
|
overflow-x: auto;
|
|
5531
5531
|
}
|
|
5532
5532
|
/* 操作列在移动端的适配 */
|
|
5533
|
-
[data-v-
|
|
5533
|
+
[data-v-360ced03] .n-data-table-th:last-child {
|
|
5534
5534
|
width: 160px !important;
|
|
5535
5535
|
min-width: 160px !important;
|
|
5536
5536
|
}
|
|
5537
5537
|
/* 按钮在移动端的优化 */
|
|
5538
|
-
[data-v-
|
|
5538
|
+
[data-v-360ced03] .n-button {
|
|
5539
5539
|
font-size: 11px !important;
|
|
5540
5540
|
padding: 3px 6px;
|
|
5541
5541
|
}
|
|
5542
|
-
[data-v-
|
|
5542
|
+
[data-v-360ced03] .n-button .n-icon {
|
|
5543
5543
|
margin-right: 2px !important;
|
|
5544
5544
|
}
|
|
5545
5545
|
/* 单元格编辑图标在移动端始终显示 */
|
|
5546
|
-
.cell-edit-icon[data-v-
|
|
5546
|
+
.cell-edit-icon[data-v-360ced03] {
|
|
5547
5547
|
opacity: 0.6;
|
|
5548
5548
|
}
|
|
5549
5549
|
}
|
|
5550
5550
|
/* ================= 12. 主题适配 ================= */
|
|
5551
5551
|
/* 暗色主题适配 - 已通过 CSS 变量自动适配 */
|
|
5552
|
-
[data-theme=dark][data-v-
|
|
5552
|
+
[data-theme=dark][data-v-360ced03] {
|
|
5553
5553
|
/* CSS 变量已自动适配,如有特殊需求可在此添加 */
|
|
5554
5554
|
}
|
|
5555
5555
|
|
|
5556
5556
|
/* ================= 13. 响应式优化 ================= */
|
|
5557
5557
|
/* 小屏幕下的单元格编辑优化 */
|
|
5558
5558
|
@media (max-width: 768px) {
|
|
5559
|
-
.cell-editing-container[data-v-
|
|
5559
|
+
.cell-editing-container[data-v-360ced03],[data-v-360ced03] .cell-editing-container {
|
|
5560
5560
|
gap: 6px !important;
|
|
5561
5561
|
}
|
|
5562
|
-
.cell-editing-actions[data-v-
|
|
5562
|
+
.cell-editing-actions[data-v-360ced03],[data-v-360ced03] .cell-editing-actions {
|
|
5563
5563
|
gap: 3px !important;
|
|
5564
5564
|
padding: 2px !important;
|
|
5565
5565
|
}
|
|
5566
|
-
.cell-action-btn[data-v-
|
|
5566
|
+
.cell-action-btn[data-v-360ced03],[data-v-360ced03] .cell-action-btn {
|
|
5567
5567
|
width: 18px !important;
|
|
5568
5568
|
height: 18px !important;
|
|
5569
5569
|
}
|
|
5570
|
-
.cell-action-btn svg[data-v-
|
|
5570
|
+
.cell-action-btn svg[data-v-360ced03],[data-v-360ced03] .cell-action-btn svg {
|
|
5571
5571
|
width: 10px !important;
|
|
5572
5572
|
height: 10px !important;
|
|
5573
5573
|
}
|
|
5574
5574
|
/* 移动端编辑图标 */
|
|
5575
|
-
.cell-edit-icon[data-v-
|
|
5575
|
+
.cell-edit-icon[data-v-360ced03] {
|
|
5576
5576
|
opacity: 0.6 !important;
|
|
5577
5577
|
}
|
|
5578
|
-
.cell-value[data-v-
|
|
5578
|
+
.cell-value[data-v-360ced03] {
|
|
5579
5579
|
margin-right: 12px !important;
|
|
5580
5580
|
}
|
|
5581
5581
|
}
|
|
5582
5582
|
/* ================= 14. 性能优化 ================= */
|
|
5583
5583
|
/* 使用 GPU 加速的动画 */
|
|
5584
|
-
.cell-edit-icon[data-v-
|
|
5585
|
-
.cell-action-btn[data-v-
|
|
5584
|
+
.cell-edit-icon[data-v-360ced03],
|
|
5585
|
+
.cell-action-btn[data-v-360ced03] {
|
|
5586
5586
|
will-change: transform;
|
|
5587
5587
|
backface-visibility: hidden;
|
|
5588
5588
|
}
|
|
5589
|
-
[data-v-
|
|
5589
|
+
[data-v-360ced03] .n-button {
|
|
5590
5590
|
will-change: transform;
|
|
5591
5591
|
backface-visibility: hidden;
|
|
5592
5592
|
}
|
|
5593
5593
|
|
|
5594
5594
|
/* ================= 15. 可访问性优化 ================= */
|
|
5595
5595
|
/* 聚焦状态 */
|
|
5596
|
-
.cell-edit-wrapper[data-v-
|
|
5597
|
-
.cell-editing-container[data-v-
|
|
5596
|
+
.cell-edit-wrapper[data-v-360ced03]:focus-within,
|
|
5597
|
+
.cell-editing-container[data-v-360ced03]:focus-within {
|
|
5598
5598
|
outline: 2px solid var(--n-primary-color);
|
|
5599
5599
|
outline-offset: 2px;
|
|
5600
5600
|
}
|
|
5601
5601
|
|
|
5602
5602
|
/* 高对比度模式支持 */
|
|
5603
5603
|
@media (prefers-contrast: high) {
|
|
5604
|
-
.cell-edit-icon[data-v-
|
|
5604
|
+
.cell-edit-icon[data-v-360ced03] {
|
|
5605
5605
|
opacity: 0.8;
|
|
5606
5606
|
}
|
|
5607
|
-
.cell-editing-actions[data-v-
|
|
5607
|
+
.cell-editing-actions[data-v-360ced03] {
|
|
5608
5608
|
border-width: 2px;
|
|
5609
5609
|
}
|
|
5610
5610
|
}
|
|
5611
5611
|
|
|
5612
|
-
/*# sourceMappingURL=C_Table-
|
|
5612
|
+
/*# sourceMappingURL=C_Table-BsAOkALe.css.map*/
|
|
5613
5613
|
|
|
5614
5614
|
/* --- C_Time-Bd_e1YDN.css --- */
|
|
5615
5615
|
/* unplugin-vue-components disabled *//* 时间选择器组件样式 */
|