@robot-admin/naive-ui-components 0.13.6 → 0.13.8

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 (113) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +37 -2
  3. package/README_EN.md +37 -2
  4. package/dist/C_Form.base.css +174 -169
  5. package/dist/C_Form.cjs +1 -1
  6. package/dist/C_Form.css +174 -169
  7. package/dist/C_Form.d.cts +2 -2
  8. package/dist/C_Form.d.ts +2 -2
  9. package/dist/C_Form.js +1 -1
  10. package/dist/C_Form2.cjs +1 -1
  11. package/dist/C_Form2.js +1 -1
  12. package/dist/C_FormModal.css +15 -15
  13. package/dist/C_FormModal2.cjs +1 -1
  14. package/dist/C_FormModal2.js +1 -1
  15. package/dist/C_Loading.css +54 -71
  16. package/dist/C_Loading2.cjs +1 -1
  17. package/dist/C_Loading2.js +1 -1
  18. package/dist/C_Table.base.css +340 -352
  19. package/dist/C_Table.css +340 -352
  20. package/dist/constants.d.cts +1 -1
  21. package/dist/constants.d.ts +1 -1
  22. package/dist/constants2.d.cts +3 -3
  23. package/dist/constants2.d.ts +3 -3
  24. package/dist/constants3.d.cts +5 -5
  25. package/dist/constants3.d.ts +5 -5
  26. package/dist/constants4.d.cts +4 -4
  27. package/dist/constants4.d.ts +4 -4
  28. package/dist/constants5.d.cts +2 -2
  29. package/dist/constants5.d.ts +2 -2
  30. package/dist/data.d.cts +9 -9
  31. package/dist/data.d.ts +9 -9
  32. package/dist/index.cjs +1 -1
  33. package/dist/index.d.cts +2 -2
  34. package/dist/index.d.ts +2 -2
  35. package/dist/index.js +1 -1
  36. package/dist/index.vue.d.cts +4 -4
  37. package/dist/index.vue.d.ts +4 -4
  38. package/dist/index10.vue.d.cts +4 -4
  39. package/dist/index10.vue.d.ts +2 -2
  40. package/dist/index11.vue.d.cts +2 -2
  41. package/dist/index11.vue.d.ts +5 -5
  42. package/dist/index12.vue.d.cts +5 -5
  43. package/dist/index12.vue.d.ts +1 -1
  44. package/dist/index13.vue.d.cts +1 -1
  45. package/dist/index13.vue.d.ts +3 -3
  46. package/dist/index14.vue.d.cts +3 -3
  47. package/dist/index14.vue.d.ts +3 -3
  48. package/dist/index15.vue.d.cts +3 -3
  49. package/dist/index17.vue.d.ts +1 -1
  50. package/dist/index18.vue.d.cts +1 -1
  51. package/dist/index18.vue.d.ts +3 -3
  52. package/dist/index19.vue.d.cts +3 -3
  53. package/dist/index19.vue.d.ts +1 -1
  54. package/dist/index2.vue.d.cts +1 -1
  55. package/dist/index2.vue.d.ts +1 -1
  56. package/dist/index20.vue.d.cts +1 -1
  57. package/dist/index20.vue.d.ts +1 -1
  58. package/dist/index21.vue.d.cts +3 -3
  59. package/dist/index21.vue.d.ts +3 -3
  60. package/dist/index22.vue.d.cts +2 -2
  61. package/dist/index22.vue.d.ts +2 -2
  62. package/dist/index23.vue.d.cts +2 -2
  63. package/dist/index23.vue.d.ts +2 -2
  64. package/dist/index25.vue.d.cts +2 -2
  65. package/dist/index25.vue.d.ts +2 -2
  66. package/dist/index27.vue.d.cts +3 -3
  67. package/dist/index27.vue.d.ts +3 -3
  68. package/dist/index28.vue.d.cts +3 -3
  69. package/dist/index28.vue.d.ts +3 -3
  70. package/dist/index3.vue.d.cts +3 -3
  71. package/dist/index3.vue.d.ts +3 -3
  72. package/dist/index4.vue.d.cts +1 -1
  73. package/dist/index6.vue.d.ts +3 -3
  74. package/dist/index7.vue.d.cts +3 -3
  75. package/dist/index8.vue.d.ts +3 -3
  76. package/dist/index9.vue.d.cts +3 -3
  77. package/dist/index9.vue.d.ts +4 -4
  78. package/dist/mapUtils.d.cts +1 -1
  79. package/dist/mapUtils.d.ts +1 -1
  80. package/dist/presets.d.cts +1 -1
  81. package/dist/presets.d.ts +1 -1
  82. package/dist/style.css +355 -367
  83. package/dist/useCollapsePanel.d.cts +2 -2
  84. package/dist/useCollapsePanel.d.ts +2 -2
  85. package/dist/useCropperCore.d.cts +9 -9
  86. package/dist/useCropperCore.d.ts +9 -9
  87. package/dist/useDraggableLayout.d.cts +8 -8
  88. package/dist/useDraggableLayout.d.ts +8 -8
  89. package/dist/useDynamicFormState.d.cts +25 -5
  90. package/dist/useDynamicFormState.d.ts +25 -5
  91. package/dist/useEdgeInteraction.d.cts +1 -1
  92. package/dist/useEdgeInteraction.d.ts +1 -1
  93. package/dist/useQRCode.d.cts +3 -3
  94. package/dist/useQRCode.d.ts +3 -3
  95. package/dist/useSearchState.d.cts +5 -5
  96. package/dist/useSearchState.d.ts +5 -5
  97. package/dist/useSignatureHistory.d.cts +4 -4
  98. package/dist/useSignatureHistory.d.ts +4 -4
  99. package/dist/useSplitResize.d.cts +3 -3
  100. package/dist/useSplitResize.d.ts +3 -3
  101. package/dist/useTableQuery.cjs +2 -2
  102. package/dist/useTableQuery.d.cts +6 -2
  103. package/dist/useTableQuery.d.ts +6 -2
  104. package/dist/useTableQuery.js +2 -2
  105. package/dist/useTimeSelection.d.cts +1 -1
  106. package/dist/useTimeSelection.d.ts +1 -1
  107. package/dist/useTreeOperations.d.cts +7 -7
  108. package/dist/useTreeOperations.d.ts +7 -7
  109. package/dist/useWorkflowValidation.d.cts +1 -1
  110. package/dist/useWorkflowValidation.d.ts +1 -1
  111. package/dist/verification.d.cts +3 -3
  112. package/dist/verification.d.ts +3 -3
  113. package/package.json +2 -1
@@ -70,39 +70,39 @@
70
70
  }
71
71
 
72
72
  /* unplugin-vue-components disabled *//* Inline 布局样式 */
73
- .c-form-inline[data-v-c92457c4] {
73
+ .c-form-inline[data-v-195d0124] {
74
74
  width: 100%;
75
75
  min-height: 0;
76
76
  transition: all 0.3s ease;
77
77
  }
78
- .c-form-inline-item[data-v-c92457c4] {
78
+ .c-form-inline-item[data-v-195d0124] {
79
79
  min-width: 0;
80
80
  transition: all 0.3s ease;
81
81
  }
82
82
 
83
83
  /* 确保内部所有表单组件都占满容器宽度 */
84
- .c-form-inline-item[data-v-c92457c4] .n-form-item {
84
+ .c-form-inline-item[data-v-195d0124] .n-form-item {
85
85
  width: 100%;
86
86
  margin-bottom: 0;
87
87
  }
88
- .c-form-inline-item[data-v-c92457c4] .n-form-item-blank {
88
+ .c-form-inline-item[data-v-195d0124] .n-form-item-blank {
89
89
  width: 100%;
90
90
  }
91
- .c-form-inline-item[data-v-c92457c4] .n-input,
92
- .c-form-inline-item[data-v-c92457c4] .n-select,
93
- .c-form-inline-item[data-v-c92457c4] .n-date-picker,
94
- .c-form-inline-item[data-v-c92457c4] .n-time-picker,
95
- .c-form-inline-item[data-v-c92457c4] .n-input-number,
96
- .c-form-inline-item[data-v-c92457c4] .n-cascader,
97
- .c-form-inline-item[data-v-c92457c4] .n-color-picker,
98
- .c-form-inline-item[data-v-c92457c4] .n-auto-complete,
99
- .c-form-inline-item[data-v-c92457c4] .n-tree-select {
91
+ .c-form-inline-item[data-v-195d0124] .n-input,
92
+ .c-form-inline-item[data-v-195d0124] .n-select,
93
+ .c-form-inline-item[data-v-195d0124] .n-date-picker,
94
+ .c-form-inline-item[data-v-195d0124] .n-time-picker,
95
+ .c-form-inline-item[data-v-195d0124] .n-input-number,
96
+ .c-form-inline-item[data-v-195d0124] .n-cascader,
97
+ .c-form-inline-item[data-v-195d0124] .n-color-picker,
98
+ .c-form-inline-item[data-v-195d0124] .n-auto-complete,
99
+ .c-form-inline-item[data-v-195d0124] .n-tree-select {
100
100
  width: 100% !important;
101
101
  }
102
102
 
103
103
  /* 单选框和复选框组保持自然宽度 */
104
- .c-form-inline-item[data-v-c92457c4] .n-radio-group,
105
- .c-form-inline-item[data-v-c92457c4] .n-checkbox-group {
104
+ .c-form-inline-item[data-v-195d0124] .n-radio-group,
105
+ .c-form-inline-item[data-v-195d0124] .n-checkbox-group {
106
106
  width: 100%;
107
107
  display: flex;
108
108
  flex-wrap: wrap;
@@ -110,52 +110,53 @@
110
110
  }
111
111
 
112
112
  /* 开关组件居左对齐 */
113
- .c-form-inline-item[data-v-c92457c4] .n-switch {
113
+ .c-form-inline-item[data-v-195d0124] .n-switch {
114
114
  width: auto;
115
115
  }
116
116
 
117
117
  /* ================= 对齐方式样式增强 ================= */
118
118
  /* 当容器使用 center 对齐时,确保表单项也居中 */
119
- .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-c92457c4] {
119
+ .c-form-inline[style*="justify-content: center"] .c-form-inline-item[data-v-195d0124] {
120
120
  text-align: center;
121
121
  }
122
122
 
123
123
  /* 当容器使用 end 对齐时,确保表单项也右对齐 */
124
- .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-c92457c4] {
124
+ .c-form-inline[style*="justify-content: flex-end"] .c-form-inline-item[data-v-195d0124] {
125
125
  text-align: right;
126
126
  }
127
127
 
128
128
  /* 当容器使用 start 对齐时,确保表单项左对齐 */
129
- .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-c92457c4] {
129
+ .c-form-inline[style*="justify-content: flex-start"] .c-form-inline-item[data-v-195d0124] {
130
130
  text-align: left;
131
131
  }
132
132
 
133
133
  /* ================= 响应式设计 ================= */
134
134
  /* 移动设备 - 改为垂直布局 */
135
135
  @media (max-width: 768px) {
136
- .c-form-inline[data-v-c92457c4] {
136
+ .c-form-inline[data-v-195d0124] {
137
137
  flex-direction: column !important;
138
138
  gap: 12px !important;
139
139
  justify-content: flex-start !important;
140
140
  }
141
- .c-form-inline-item[data-v-c92457c4] {
141
+ .c-form-inline-item[data-v-195d0124] {
142
142
  width: 100% !important;
143
143
  text-align: left !important;
144
144
  }
145
145
  }
146
146
  /* 小屏手机 */
147
147
  @media (max-width: 480px) {
148
- .c-form-inline[data-v-c92457c4] {
148
+ .c-form-inline[data-v-195d0124] {
149
149
  gap: 8px !important;
150
150
  }
151
151
  }
152
152
  /* unplugin-vue-components disabled */
153
153
  /* layer: default */
154
- .visible[data-v-c92457c4]{visibility:visible;}
155
- .grid[data-v-c92457c4]{display:grid;}
156
- .inline[data-v-c92457c4]{display:inline;}
157
- .flex[data-v-c92457c4]{display:flex;}
158
- .px[data-v-c92457c4]{padding-left:1rem;padding-right:1rem;}
154
+ .visible[data-v-195d0124]{visibility:visible;}
155
+ .grid[data-v-195d0124]{display:grid;}
156
+ .inline[data-v-195d0124]{display:inline;}
157
+ .flex[data-v-195d0124]{display:flex;}
158
+ .px[data-v-195d0124]{padding-left:1rem;padding-right:1rem;}
159
+ .blur[data-v-195d0124]{--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);}
159
160
 
160
161
  /* unplugin-vue-components disabled *//* Grid 布局样式 */
161
162
  /* 变量定义 */
@@ -513,42 +514,42 @@ to {
513
514
  .text-xs[data-v-28320dd2]{font-size:0.75rem;line-height:1rem;}
514
515
 
515
516
  /* unplugin-vue-components disabled *//* Tabs 布局样式 */
516
- .c-form-tabs[data-v-941576c0] {
517
+ .c-form-tabs[data-v-cbd5e822] {
517
518
  width: 100%;
518
519
  }
519
- .single-panel[data-v-941576c0] {
520
+ .single-panel[data-v-cbd5e822] {
520
521
  width: 100%;
521
522
  }
522
- .tabs-container[data-v-941576c0] {
523
+ .tabs-container[data-v-cbd5e822] {
523
524
  width: 100%;
524
525
  }
525
- .form-tabs[data-v-941576c0] {
526
+ .form-tabs[data-v-cbd5e822] {
526
527
  width: 100%;
527
528
  }
528
- .tab-icon[data-v-941576c0] {
529
+ .tab-icon[data-v-cbd5e822] {
529
530
  font-size: 16px;
530
531
  display: inline-flex;
531
532
  align-items: center;
532
533
  justify-content: center;
533
534
  }
534
- .tab-header[data-v-941576c0] {
535
+ .tab-header[data-v-cbd5e822] {
535
536
  margin-bottom: 16px;
536
537
  padding-bottom: 12px;
537
538
  border-bottom: 1px solid var(--n-border-color);
538
539
  }
539
- .tab-description[data-v-941576c0] {
540
+ .tab-description[data-v-cbd5e822] {
540
541
  margin: 0;
541
542
  font-size: 14px;
542
543
  line-height: 1.5;
543
544
  opacity: 0.8;
544
545
  }
545
- .tab-form-items[data-v-941576c0] {
546
+ .tab-form-items[data-v-cbd5e822] {
546
547
  width: 100%;
547
548
  }
548
- .tab-empty[data-v-941576c0] {
549
+ .tab-empty[data-v-cbd5e822] {
549
550
  padding: 40px 0;
550
551
  }
551
- .tabs-actions[data-v-941576c0] {
552
+ .tabs-actions[data-v-cbd5e822] {
552
553
  margin-top: 16px;
553
554
  padding-top: 12px;
554
555
  border-top: 1px solid var(--n-border-color);
@@ -556,69 +557,70 @@ to {
556
557
 
557
558
  /* 响应式设计 */
558
559
  @media (max-width: 768px) {
559
- .tabs-actions[data-v-941576c0] {
560
+ .tabs-actions[data-v-cbd5e822] {
560
561
  margin-top: 12px;
561
562
  padding-top: 8px;
562
563
  }
563
- .tabs-actions[data-v-941576c0] .n-space {
564
+ .tabs-actions[data-v-cbd5e822] .n-space {
564
565
  flex-wrap: wrap;
565
566
  }
566
567
  }
567
568
  /* unplugin-vue-components disabled */
568
569
  /* layer: default */
569
- .visible[data-v-941576c0]{visibility:visible;}
570
- .grid[data-v-941576c0]{display:grid;}
571
- .inline[data-v-941576c0]{display:inline;}
572
- .tab[data-v-941576c0]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
570
+ .visible[data-v-cbd5e822]{visibility:visible;}
571
+ .grid[data-v-cbd5e822]{display:grid;}
572
+ .inline[data-v-cbd5e822]{display:inline;}
573
+ .tab[data-v-cbd5e822]{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
574
+ .blur[data-v-cbd5e822]{--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);}
573
575
 
574
576
  /* unplugin-vue-components disabled *//* Steps 布局样式 */
575
- .c-form-steps[data-v-5d92cc03] {
577
+ .c-form-steps[data-v-ee5e4509] {
576
578
  display: flex;
577
579
  flex-direction: column;
578
580
  gap: 24px;
579
581
  }
580
- .single-panel[data-v-5d92cc03] {
582
+ .single-panel[data-v-ee5e4509] {
581
583
  width: 100%;
582
584
  }
583
- .steps-container[data-v-5d92cc03] {
585
+ .steps-container[data-v-ee5e4509] {
584
586
  display: flex;
585
587
  flex-direction: column;
586
588
  gap: 24px;
587
589
  }
588
- .steps-indicator[data-v-5d92cc03] {
590
+ .steps-indicator[data-v-ee5e4509] {
589
591
  padding: 24px;
590
592
  border-radius: 8px;
591
593
  }
592
- .steps-content[data-v-5d92cc03] {
594
+ .steps-content[data-v-ee5e4509] {
593
595
  min-height: 400px;
594
596
  }
595
- .step-panel[data-v-5d92cc03] {
596
- animation: fadeIn-5d92cc03 0.3s ease-in-out;
597
+ .step-panel[data-v-ee5e4509] {
598
+ animation: fadeIn-ee5e4509 0.3s ease-in-out;
597
599
  }
598
- .step-header[data-v-5d92cc03] {
600
+ .step-header[data-v-ee5e4509] {
599
601
  margin-bottom: 24px;
600
602
  padding-bottom: 16px;
601
603
  border-bottom: 1px solid var(--n-border-color);
602
604
  }
603
- .step-title[data-v-5d92cc03] {
605
+ .step-title[data-v-ee5e4509] {
604
606
  margin: 0 0 8px 0;
605
607
  font-size: 18px;
606
608
  font-weight: 600;
607
609
  }
608
- .step-description[data-v-5d92cc03] {
610
+ .step-description[data-v-ee5e4509] {
609
611
  margin: 0;
610
612
  font-size: 14px;
611
613
  line-height: 1.5;
612
614
  }
613
- .step-form-items[data-v-5d92cc03] {
615
+ .step-form-items[data-v-ee5e4509] {
614
616
  width: 100%;
615
617
  }
616
- .steps-actions[data-v-5d92cc03] {
618
+ .steps-actions[data-v-ee5e4509] {
617
619
  margin-top: 24px;
618
620
  padding-top: 16px;
619
621
  border-top: 1px solid var(--n-border-color);
620
622
  }
621
- @keyframes fadeIn-5d92cc03 {
623
+ @keyframes fadeIn-ee5e4509 {
622
624
  from {
623
625
  opacity: 0;
624
626
  transform: translateY(8px);
@@ -629,77 +631,78 @@ to {
629
631
  }
630
632
  }
631
633
  /* 垂直步骤样式:由组件状态驱动,避免 scoped CSS 生成无效的 :has/:deep 组合。 */
632
- .steps-container.is-vertical[data-v-5d92cc03] {
634
+ .steps-container.is-vertical[data-v-ee5e4509] {
633
635
  flex-direction: row;
634
636
  align-items: flex-start;
635
637
  }
636
- .steps-container.is-vertical .steps-indicator[data-v-5d92cc03] {
638
+ .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
637
639
  flex-shrink: 0;
638
640
  width: 250px;
639
641
  margin-right: 24px;
640
642
  }
641
- .steps-container.is-vertical .steps-content[data-v-5d92cc03] {
643
+ .steps-container.is-vertical .steps-content[data-v-ee5e4509] {
642
644
  flex: 1;
643
645
  }
644
646
 
645
647
  /* 响应式设计 */
646
648
  @media (max-width: 768px) {
647
- .steps-container.is-vertical[data-v-5d92cc03] {
649
+ .steps-container.is-vertical[data-v-ee5e4509] {
648
650
  flex-direction: column !important;
649
651
  }
650
- .steps-container.is-vertical .steps-indicator[data-v-5d92cc03] {
652
+ .steps-container.is-vertical .steps-indicator[data-v-ee5e4509] {
651
653
  width: 100% !important;
652
654
  margin-right: 0 !important;
653
655
  margin-bottom: 16px;
654
656
  }
655
657
  }
656
658
  @media (prefers-reduced-motion: reduce) {
657
- .step-panel[data-v-5d92cc03] {
659
+ .step-panel[data-v-ee5e4509] {
658
660
  animation: none !important;
659
661
  }
660
662
  }
661
663
  /* unplugin-vue-components disabled */
662
664
  /* layer: default */
663
- .visible[data-v-5d92cc03]{visibility:visible;}
664
- .grid[data-v-5d92cc03]{display:grid;}
665
- .inline[data-v-5d92cc03]{display:inline;}
665
+ .visible[data-v-ee5e4509]{visibility:visible;}
666
+ .grid[data-v-ee5e4509]{display:grid;}
667
+ .inline[data-v-ee5e4509]{display:inline;}
668
+ .blur[data-v-ee5e4509]{--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);}
666
669
 
667
670
  /* unplugin-vue-components disabled *//* Dynamic 布局样式 */
668
- .c-form-dynamic[data-v-1c2158e7] {
671
+ .c-form-dynamic[data-v-1779d19c] {
669
672
  width: 100%;
670
673
  }
671
- .dynamic-controls[data-v-1c2158e7],
672
- .dynamic-controls-fallback[data-v-1c2158e7] {
674
+ .dynamic-controls[data-v-1779d19c],
675
+ .dynamic-controls-fallback[data-v-1779d19c] {
673
676
  margin-bottom: 16px;
674
677
  }
675
- .dynamic-stats[data-v-1c2158e7] {
678
+ .dynamic-stats[data-v-1779d19c] {
676
679
  margin-top: 16px;
677
680
  padding-top: 12px;
678
681
  border-top: 1px solid var(--n-divider-color);
679
682
  }
680
- .dynamic-item-wrapper[data-v-1c2158e7] {
683
+ .dynamic-item-wrapper[data-v-1779d19c] {
681
684
  position: relative;
682
685
  transition: all 0.3s ease;
683
- animation: fadeInUp-1c2158e7 0.3s ease-out;
686
+ animation: fadeInUp-1779d19c 0.3s ease-out;
684
687
  }
685
- .dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
688
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
686
689
  border: 1px dashed var(--n-color-primary);
687
690
  border-radius: 6px;
688
691
  padding: 8px;
689
692
  background-color: var(--n-color-primary-suppl);
690
693
  }
691
- .max-fields-config[data-v-1c2158e7] {
694
+ .max-fields-config[data-v-1779d19c] {
692
695
  display: flex;
693
696
  align-items: center;
694
697
  gap: 8px;
695
698
  font-size: 14px;
696
699
  }
697
- .max-fields-config span[data-v-1c2158e7] {
700
+ .max-fields-config span[data-v-1779d19c] {
698
701
  font-weight: 500;
699
702
  white-space: nowrap;
700
703
  color: var(--n-text-color-2);
701
704
  }
702
- @keyframes fadeInUp-1c2158e7 {
705
+ @keyframes fadeInUp-1779d19c {
703
706
  from {
704
707
  opacity: 0;
705
708
  transform: translateY(10px);
@@ -711,125 +714,126 @@ to {
711
714
  }
712
715
  /* 响应式设计 */
713
716
  @media (max-width: 768px) {
714
- .dynamic-controls[data-v-1c2158e7],
715
- .dynamic-controls-fallback[data-v-1c2158e7] {
717
+ .dynamic-controls[data-v-1779d19c],
718
+ .dynamic-controls-fallback[data-v-1779d19c] {
716
719
  margin-bottom: 12px;
717
720
  }
718
- .dynamic-stats[data-v-1c2158e7] {
721
+ .dynamic-stats[data-v-1779d19c] {
719
722
  margin-top: 12px;
720
723
  }
721
- .dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
724
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
722
725
  padding: 6px;
723
726
  }
724
- .max-fields-config[data-v-1c2158e7] {
727
+ .max-fields-config[data-v-1779d19c] {
725
728
  margin-top: 8px;
726
729
  }
727
730
  }
728
731
  /* 辅助功能 */
729
732
  @media (prefers-reduced-motion: reduce) {
730
- .dynamic-item-wrapper[data-v-1c2158e7] {
733
+ .dynamic-item-wrapper[data-v-1779d19c] {
731
734
  animation: none !important;
732
735
  transition: none !important;
733
736
  }
734
737
  }
735
738
  @media (prefers-contrast: high) {
736
- .dynamic-item-wrapper.is-dynamic-field[data-v-1c2158e7] {
739
+ .dynamic-item-wrapper.is-dynamic-field[data-v-1779d19c] {
737
740
  border-width: 2px;
738
741
  border-color: currentColor;
739
742
  }
740
743
  }
741
744
  /* unplugin-vue-components disabled */
742
745
  /* layer: default */
743
- .visible[data-v-1c2158e7]{visibility:visible;}
744
- .grid[data-v-1c2158e7]{display:grid;}
745
- .inline[data-v-1c2158e7]{display:inline;}
746
+ .visible[data-v-1779d19c]{visibility:visible;}
747
+ .grid[data-v-1779d19c]{display:grid;}
748
+ .inline[data-v-1779d19c]{display:inline;}
749
+ .blur[data-v-1779d19c]{--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);}
746
750
 
747
751
  /* unplugin-vue-components disabled *//* Custom 布局样式 */
748
- .custom-layout .toolbar-card[data-v-75b5d79c] {
752
+ .custom-layout .toolbar-card[data-v-858beb3e] {
749
753
  margin-bottom: 16px;
750
754
  }
751
- .custom-layout .toolbar-card .toolbar-content[data-v-75b5d79c] {
755
+ .custom-layout .toolbar-card .toolbar-content[data-v-858beb3e] {
752
756
  display: flex;
753
757
  justify-content: space-between;
754
758
  align-items: center;
755
759
  flex-wrap: wrap;
756
760
  gap: 16px;
757
761
  }
758
- .custom-layout .toolbar-card .toolbar-content .mode-section[data-v-75b5d79c],
759
- .custom-layout .toolbar-card .toolbar-content .stats-section[data-v-75b5d79c],
760
- .custom-layout .toolbar-card .toolbar-content .actions-section[data-v-75b5d79c] {
762
+ .custom-layout .toolbar-card .toolbar-content .mode-section[data-v-858beb3e],
763
+ .custom-layout .toolbar-card .toolbar-content .stats-section[data-v-858beb3e],
764
+ .custom-layout .toolbar-card .toolbar-content .actions-section[data-v-858beb3e] {
761
765
  display: flex;
762
766
  align-items: center;
763
767
  gap: 12px;
764
768
  }
765
- .custom-layout .toolbar-card .toolbar-content .section-label[data-v-75b5d79c] {
769
+ .custom-layout .toolbar-card .toolbar-content .section-label[data-v-858beb3e] {
766
770
  font-size: 14px;
767
771
  font-weight: 500;
768
772
  }
769
- .custom-layout .toolbar-card .toolbar-content .stat-item[data-v-75b5d79c] {
773
+ .custom-layout .toolbar-card .toolbar-content .stat-item[data-v-858beb3e] {
770
774
  text-align: center;
771
775
  min-width: 60px;
772
776
  }
773
- .custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-75b5d79c] {
777
+ .custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-858beb3e] {
774
778
  display: block;
775
779
  font-size: 18px;
776
780
  font-weight: 600;
777
781
  color: var(--n-primary-color);
778
782
  }
779
- .custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-75b5d79c] {
783
+ .custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-858beb3e] {
780
784
  font-size: 12px;
781
785
  opacity: 0.7;
782
786
  margin-top: 4px;
783
787
  }
784
- .custom-layout .design-panel[data-v-75b5d79c] {
788
+ .custom-layout .design-panel[data-v-858beb3e] {
785
789
  margin-bottom: 16px;
786
790
  }
787
- .custom-layout .design-panel .design-tools[data-v-75b5d79c] {
791
+ .custom-layout .design-panel .design-tools[data-v-858beb3e] {
788
792
  display: flex;
789
793
  gap: 24px;
790
794
  flex-wrap: wrap;
791
795
  }
792
- .custom-layout .design-panel .design-tools .tool-group[data-v-75b5d79c] {
796
+ .custom-layout .design-panel .design-tools .tool-group[data-v-858beb3e] {
793
797
  display: flex;
794
798
  align-items: center;
795
799
  gap: 8px;
796
800
  }
797
- .custom-layout .design-panel .design-tools .tool-group .group-label[data-v-75b5d79c] {
801
+ .custom-layout .design-panel .design-tools .tool-group .group-label[data-v-858beb3e] {
798
802
  font-size: 14px;
799
803
  font-weight: 500;
800
804
  margin-right: 4px;
801
805
  }
802
- .custom-layout .layout-canvas[data-v-75b5d79c] {
806
+ .custom-layout .layout-canvas[data-v-858beb3e] {
803
807
  min-height: 200px;
804
808
  }
805
- .custom-layout .layout-canvas.design-mode[data-v-75b5d79c] {
809
+ .custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
806
810
  border: 2px dashed var(--n-border-color);
807
811
  border-radius: 8px;
808
812
  padding: 16px;
809
813
  background: var(--n-body-color);
810
814
  }
811
- .custom-layout .layout-canvas .canvas-hint[data-v-75b5d79c] {
815
+ .custom-layout .layout-canvas .canvas-hint[data-v-858beb3e] {
812
816
  display: flex;
813
817
  align-items: center;
814
818
  justify-content: center;
815
819
  height: 120px;
816
820
  text-align: center;
817
821
  }
818
- .custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-75b5d79c] {
822
+ .custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-858beb3e] {
819
823
  margin: 0 0 8px 0;
820
824
  font-size: 18px;
821
825
  }
822
- .custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-75b5d79c] {
826
+ .custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-858beb3e] {
823
827
  margin: 0;
824
828
  opacity: 0.7;
825
829
  font-size: 14px;
826
830
  }
827
- .custom-layout .layout-canvas .areas-container[data-v-75b5d79c] {
831
+ .custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
828
832
  display: flex;
829
833
  flex-wrap: wrap;
830
834
  gap: 16px;
831
835
  }
832
- .custom-layout .layout-canvas .custom-area[data-v-75b5d79c] {
836
+ .custom-layout .layout-canvas .custom-area[data-v-858beb3e] {
833
837
  border: 1px solid var(--n-border-color);
834
838
  border-radius: 8px;
835
839
  background: var(--n-card-color);
@@ -838,7 +842,7 @@ to {
838
842
  flex: 1;
839
843
  min-width: 250px;
840
844
  }
841
- .custom-layout .layout-canvas .custom-area .area-header[data-v-75b5d79c] {
845
+ .custom-layout .layout-canvas .custom-area .area-header[data-v-858beb3e] {
842
846
  display: flex;
843
847
  justify-content: space-between;
844
848
  align-items: center;
@@ -846,12 +850,12 @@ to {
846
850
  padding-bottom: 8px;
847
851
  border-bottom: 1px solid var(--n-divider-color);
848
852
  }
849
- .custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-75b5d79c] {
853
+ .custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-858beb3e] {
850
854
  display: flex;
851
855
  align-items: center;
852
856
  gap: 8px;
853
857
  }
854
- .custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-75b5d79c] {
858
+ .custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e] {
855
859
  font-weight: 600;
856
860
  font-size: 14px;
857
861
  cursor: pointer;
@@ -859,25 +863,25 @@ to {
859
863
  border-radius: 4px;
860
864
  transition: all 0.2s ease;
861
865
  }
862
- .custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-75b5d79c]:hover {
866
+ .custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-858beb3e]:hover {
863
867
  background: var(--n-button-color-hover);
864
868
  color: var(--n-primary-color);
865
869
  }
866
- .custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-75b5d79c] {
870
+ .custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-858beb3e] {
867
871
  min-width: 120px;
868
872
  max-width: 200px;
869
873
  }
870
- .custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-75b5d79c] {
874
+ .custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-858beb3e] {
871
875
  display: flex;
872
876
  gap: 4px;
873
877
  }
874
- .custom-layout .layout-canvas .custom-area .area-fields[data-v-75b5d79c] {
878
+ .custom-layout .layout-canvas .custom-area .area-fields[data-v-858beb3e] {
875
879
  display: flex;
876
880
  flex-direction: column;
877
881
  gap: 8px;
878
882
  min-height: 60px;
879
883
  }
880
- .custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-75b5d79c] {
884
+ .custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e] {
881
885
  display: flex;
882
886
  align-items: center;
883
887
  justify-content: center;
@@ -890,21 +894,21 @@ to {
890
894
  background: var(--n-body-color);
891
895
  margin-top: 8px;
892
896
  }
893
- .custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-75b5d79c]:hover {
897
+ .custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-858beb3e]:hover {
894
898
  border-color: var(--n-primary-color);
895
899
  opacity: 1;
896
900
  }
897
- .custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-75b5d79c] {
901
+ .custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-858beb3e] {
898
902
  flex-direction: row;
899
903
  flex-wrap: wrap;
900
904
  gap: 12px;
901
905
  }
902
- .custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-75b5d79c] {
906
+ .custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-858beb3e] {
903
907
  display: grid;
904
908
  grid-template-columns: repeat(2, 1fr);
905
909
  gap: 8px;
906
910
  }
907
- .custom-layout .layout-canvas .field-item[data-v-75b5d79c] {
911
+ .custom-layout .layout-canvas .field-item[data-v-858beb3e] {
908
912
  border: 1px solid var(--n-border-color);
909
913
  border-radius: 6px;
910
914
  background: var(--n-body-color);
@@ -913,18 +917,18 @@ to {
913
917
  cursor: move;
914
918
  transition: all 0.2s ease;
915
919
  }
916
- .custom-layout .layout-canvas .field-item[data-v-75b5d79c]:hover {
920
+ .custom-layout .layout-canvas .field-item[data-v-858beb3e]:hover {
917
921
  border-color: var(--n-primary-color);
918
922
  transform: translateY(-1px);
919
923
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
920
924
  }
921
- .custom-layout .layout-canvas .field-item .field-preview[data-v-75b5d79c] {
925
+ .custom-layout .layout-canvas .field-item .field-preview[data-v-858beb3e] {
922
926
  display: flex;
923
927
  justify-content: space-between;
924
928
  align-items: center;
925
929
  gap: 8px;
926
930
  }
927
- .custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-75b5d79c] {
931
+ .custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-858beb3e] {
928
932
  font-size: 13px;
929
933
  font-weight: 500;
930
934
  flex: 1;
@@ -932,7 +936,7 @@ to {
932
936
  text-overflow: ellipsis;
933
937
  white-space: nowrap;
934
938
  }
935
- .custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-75b5d79c] {
939
+ .custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-858beb3e] {
936
940
  font-size: 11px;
937
941
  opacity: 0.6;
938
942
  background: var(--n-tag-color);
@@ -940,15 +944,15 @@ to {
940
944
  border-radius: 4px;
941
945
  flex-shrink: 0;
942
946
  }
943
- .custom-layout .layout-canvas .field-pool[data-v-75b5d79c] {
947
+ .custom-layout .layout-canvas .field-pool[data-v-858beb3e] {
944
948
  margin-top: 16px;
945
949
  }
946
- .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-75b5d79c] {
950
+ .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
947
951
  display: grid;
948
952
  grid-template-columns: repeat(4, 1fr);
949
953
  gap: 12px;
950
954
  }
951
- .custom-layout .layout-canvas .field-pool .pool-field[data-v-75b5d79c] {
955
+ .custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e] {
952
956
  border: 1px solid var(--n-border-color);
953
957
  border-radius: 6px;
954
958
  background: var(--n-card-color);
@@ -960,12 +964,12 @@ to {
960
964
  justify-content: space-between;
961
965
  align-items: center;
962
966
  }
963
- .custom-layout .layout-canvas .field-pool .pool-field[data-v-75b5d79c]:hover {
967
+ .custom-layout .layout-canvas .field-pool .pool-field[data-v-858beb3e]:hover {
964
968
  border-color: var(--n-primary-color);
965
969
  transform: translateY(-1px);
966
970
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
967
971
  }
968
- .custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-75b5d79c] {
972
+ .custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-858beb3e] {
969
973
  font-size: 13px;
970
974
  font-weight: 500;
971
975
  flex: 1;
@@ -973,90 +977,90 @@ to {
973
977
  text-overflow: ellipsis;
974
978
  white-space: nowrap;
975
979
  }
976
- .custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-75b5d79c] {
980
+ .custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-858beb3e] {
977
981
  font-size: 11px;
978
982
  padding: 2px 8px;
979
983
  border-radius: 4px;
980
984
  background: var(--n-tag-color);
981
985
  flex-shrink: 0;
982
986
  }
983
- .custom-layout .layout-canvas .empty-layout[data-v-75b5d79c] {
987
+ .custom-layout .layout-canvas .empty-layout[data-v-858beb3e] {
984
988
  display: flex;
985
989
  align-items: center;
986
990
  justify-content: center;
987
991
  height: 120px;
988
992
  padding: 16px;
989
993
  }
990
- .custom-layout .layout-canvas .form-areas[data-v-75b5d79c] {
994
+ .custom-layout .layout-canvas .form-areas[data-v-858beb3e] {
991
995
  display: flex;
992
996
  flex-wrap: wrap;
993
997
  gap: 16px;
994
998
  align-items: flex-start;
995
999
  }
996
- .custom-layout .layout-canvas .form-areas .form-area[data-v-75b5d79c] {
1000
+ .custom-layout .layout-canvas .form-areas .form-area[data-v-858beb3e] {
997
1001
  flex: 1;
998
1002
  min-width: 250px;
999
1003
  }
1000
- .custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-75b5d79c] {
1004
+ .custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-858beb3e] {
1001
1005
  width: 100%;
1002
1006
  }
1003
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] {
1007
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] {
1004
1008
  display: flex;
1005
1009
  flex-direction: column;
1006
1010
  gap: 16px;
1007
1011
  /* 统一表单项宽度 */
1008
1012
  }
1009
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item {
1013
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item {
1010
1014
  width: 100%;
1011
1015
  }
1012
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank {
1016
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
1013
1017
  width: 100%;
1014
1018
  /* 统一输入控件宽度 */
1015
1019
  }
1016
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-input,
1017
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-select,
1018
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-date-picker,
1019
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-input-number,
1020
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-textarea,
1021
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-radio-group,
1022
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-checkbox-group,
1023
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-cascader,
1024
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-tree-select,
1025
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-time-picker,
1026
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-color-picker {
1020
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input,
1021
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-select,
1022
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-date-picker,
1023
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-input-number,
1024
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-textarea,
1025
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
1026
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group,
1027
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-cascader,
1028
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-tree-select,
1029
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-time-picker,
1030
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-color-picker {
1027
1031
  width: 100% !important;
1028
1032
  max-width: 100% !important;
1029
1033
  }
1030
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank {
1034
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank {
1031
1035
  /* 特殊控件的额外处理 */
1032
1036
  }
1033
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-radio-group,
1034
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-75b5d79c] .n-form-item .n-form-item-blank .n-checkbox-group {
1037
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-radio-group,
1038
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-858beb3e] .n-form-item .n-form-item-blank .n-checkbox-group {
1035
1039
  display: flex;
1036
1040
  flex-wrap: wrap;
1037
1041
  gap: 8px;
1038
1042
  }
1039
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-75b5d79c] {
1043
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] {
1040
1044
  flex-direction: row;
1041
1045
  flex-wrap: wrap;
1042
1046
  gap: 12px;
1043
1047
  }
1044
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-75b5d79c] .n-form-item {
1048
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-858beb3e] .n-form-item {
1045
1049
  flex: 1;
1046
1050
  min-width: 200px;
1047
1051
  }
1048
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-75b5d79c] {
1052
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] {
1049
1053
  display: grid;
1050
1054
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
1051
1055
  gap: 16px;
1052
1056
  }
1053
- .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-75b5d79c] .n-form-item {
1057
+ .custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-858beb3e] .n-form-item {
1054
1058
  width: 100%;
1055
1059
  }
1056
1060
 
1057
1061
  /* 拖拽状态 */
1058
- .area-ghost[data-v-75b5d79c],
1059
- .field-ghost[data-v-75b5d79c] {
1062
+ .area-ghost[data-v-858beb3e],
1063
+ .field-ghost[data-v-858beb3e] {
1060
1064
  opacity: 0.5;
1061
1065
  background: var(--n-primary-color-suppl);
1062
1066
  border: 2px dashed var(--n-primary-color);
@@ -1065,164 +1069,148 @@ to {
1065
1069
 
1066
1070
  /* 响应式 */
1067
1071
  @media (max-width: 1024px) {
1068
- .custom-layout .toolbar-content[data-v-75b5d79c] {
1072
+ .custom-layout .toolbar-content[data-v-858beb3e] {
1069
1073
  flex-direction: column;
1070
1074
  gap: 12px;
1071
1075
  }
1072
- .custom-layout .layout-canvas .areas-container[data-v-75b5d79c] {
1076
+ .custom-layout .layout-canvas .areas-container[data-v-858beb3e] {
1073
1077
  flex-direction: column;
1074
1078
  }
1075
1079
  }
1076
1080
  @media (max-width: 768px) {
1077
- .custom-layout .design-tools[data-v-75b5d79c] {
1081
+ .custom-layout .design-tools[data-v-858beb3e] {
1078
1082
  flex-direction: column;
1079
1083
  gap: 12px;
1080
1084
  }
1081
- .custom-layout .layout-canvas.design-mode[data-v-75b5d79c] {
1085
+ .custom-layout .layout-canvas.design-mode[data-v-858beb3e] {
1082
1086
  padding: 12px;
1083
1087
  }
1084
- .custom-layout .custom-area[data-v-75b5d79c] {
1088
+ .custom-layout .custom-area[data-v-858beb3e] {
1085
1089
  padding: 12px;
1086
1090
  min-height: 100px;
1087
1091
  }
1088
- .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-75b5d79c] {
1092
+ .custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-858beb3e] {
1089
1093
  grid-template-columns: repeat(2, 1fr);
1090
1094
  }
1091
1095
  }
1092
1096
  /* unplugin-vue-components disabled */
1093
1097
  /* layer: default */
1094
- .visible[data-v-75b5d79c]{visibility:visible;}
1095
- .grid[data-v-75b5d79c]{display:grid;}
1096
- .inline[data-v-75b5d79c]{display:inline;}
1098
+ .visible[data-v-858beb3e]{visibility:visible;}
1099
+ .grid[data-v-858beb3e]{display:grid;}
1100
+ .inline[data-v-858beb3e]{display:inline;}
1101
+ .blur[data-v-858beb3e]{--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);}
1097
1102
 
1098
1103
  /* unplugin-vue-components disabled */
1099
1104
  /* layer: default */
1100
- .visible[data-v-fff98c51]{visibility:visible;}
1101
- .grid[data-v-fff98c51]{display:grid;}
1102
- .inline[data-v-fff98c51]{display:inline;}
1103
- .table[data-v-fff98c51]{display:table;}
1104
- .blur[data-v-fff98c51]{--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);}
1105
- .filter[data-v-fff98c51]{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);}
1105
+ .visible[data-v-6ce5207d]{visibility:visible;}
1106
+ .grid[data-v-6ce5207d]{display:grid;}
1107
+ .inline[data-v-6ce5207d]{display:inline;}
1108
+ .table[data-v-6ce5207d]{display:table;}
1109
+ .blur[data-v-6ce5207d]{--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);}
1110
+ .filter[data-v-6ce5207d]{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);}
1106
1111
 
1107
1112
 
1108
1113
  /* unplugin-vue-components disabled *//*
1109
1114
  * @Author: ChenYu ycyplus@gmail.com
1110
- * @Date: 2026-10-06
1115
+ * @Date: 2026-10-07
1111
1116
  * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
1112
- * @Description: 机器人扫描与数据流动画,仅在组件挂载时运行
1117
+ * @Description: 数据光环与细光束动画,作用域隔离并支持减少动态效果
1113
1118
  * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
1114
1119
  */
1115
- .c-loading[data-v-48232aaa] {
1120
+ .c-loading[data-v-c6727905] {
1116
1121
  display: inline-flex;
1117
- flex-direction: column;
1118
1122
  align-items: center;
1119
1123
  justify-content: center;
1120
- gap: 6px;
1121
1124
  vertical-align: middle;
1122
1125
  line-height: 1;
1123
1126
  pointer-events: none;
1124
1127
  }
1125
- .c-loading--labeled[data-v-48232aaa] {
1126
- flex-direction: row;
1127
- gap: 8px;
1128
+ .c-loading--labeled[data-v-c6727905] {
1129
+ position: relative;
1130
+ gap: 10px;
1128
1131
  max-width: 100%;
1129
- padding: 8px 14px;
1132
+ padding: 8px 16px 9px 10px;
1130
1133
  box-sizing: border-box;
1131
1134
  border: 1px solid var(--c-loading-border);
1132
- border-radius: 14px;
1135
+ border-radius: 16px;
1133
1136
  background: var(--c-loading-surface);
1134
- box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
1137
+ background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
1138
+ box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
1139
+ overflow: hidden;
1135
1140
  }
1136
- .c-loading__glyph[data-v-48232aaa] {
1141
+ .c-loading--labeled[data-v-c6727905]::after {
1142
+ content: "";
1143
+ position: absolute;
1144
+ bottom: 0;
1145
+ left: 0;
1146
+ width: 50%;
1147
+ height: 2px;
1148
+ background: linear-gradient(90deg, transparent, currentColor, transparent);
1149
+ opacity: 0.5;
1150
+ animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
1151
+ }
1152
+ .c-loading__glyph[data-v-c6727905] {
1137
1153
  width: var(--c-loading-size, 48px);
1138
1154
  height: var(--c-loading-size, 48px);
1139
1155
  flex-shrink: 0;
1140
- overflow: visible;
1141
- }
1142
- .c-loading__frame[data-v-48232aaa] {
1143
- opacity: 0.35;
1144
- animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
1145
- }
1146
- .c-loading__scan[data-v-48232aaa] {
1147
- opacity: 0;
1148
- animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
1149
1156
  }
1150
- .c-loading__eyes[data-v-48232aaa] {
1151
- transform-box: fill-box;
1157
+ .c-loading__orbit[data-v-c6727905] {
1158
+ transform-box: view-box;
1152
1159
  transform-origin: center;
1153
- animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
1160
+ animation: c-loading-orbit-c6727905 1.6s linear infinite;
1154
1161
  }
1155
- .c-loading__packet[data-v-48232aaa] {
1156
- opacity: 0.25;
1157
- animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
1162
+ .c-loading__orbit--inner[data-v-c6727905] {
1163
+ animation-duration: 3.2s;
1164
+ animation-direction: reverse;
1158
1165
  }
1159
- .c-loading__packet--out[data-v-48232aaa] {
1160
- animation-delay: 0.8s;
1166
+ .c-loading__row[data-v-c6727905] {
1167
+ opacity: 0.75;
1168
+ animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
1161
1169
  }
1162
- .c-loading__label[data-v-48232aaa] {
1170
+ .c-loading__label[data-v-c6727905] {
1171
+ min-width: 0;
1163
1172
  color: var(--c-loading-text, currentColor);
1164
1173
  font-size: 12px;
1165
1174
  font-weight: 500;
1166
1175
  letter-spacing: 0.03em;
1167
1176
  line-height: 1.6;
1177
+ overflow-wrap: anywhere;
1168
1178
  }
1169
1179
  @media (prefers-reduced-motion: reduce) {
1170
- .c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
1180
+ .c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
1171
1181
  animation: none;
1172
1182
  }
1173
- .c-loading__scan[data-v-48232aaa] {
1183
+ .c-loading--labeled[data-v-c6727905]::after {
1174
1184
  display: none;
1175
1185
  }
1176
- .c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
1177
- opacity: 0.55;
1178
1186
  }
1179
- }
1180
- @keyframes c-loading-scan-48232aaa {
1181
- 0%, 12% {
1182
- transform: translateY(0);
1183
- opacity: 0;
1184
- }
1185
- 25% {
1186
- opacity: 0.2;
1187
- }
1188
- 70% {
1189
- transform: translateY(14px);
1190
- opacity: 0.2;
1191
- }
1192
- 88%, 100% {
1193
- transform: translateY(14px);
1194
- opacity: 0;
1187
+ @keyframes c-loading-orbit-c6727905 {
1188
+ to {
1189
+ transform: rotate(360deg);
1195
1190
  }
1196
1191
  }
1197
- @keyframes c-loading-frame-48232aaa {
1192
+ @keyframes c-loading-row-c6727905 {
1198
1193
  0%, 100% {
1199
- opacity: 0.25;
1200
- }
1201
- 50% {
1202
- opacity: 0.7;
1194
+ opacity: 0.4;
1203
1195
  }
1204
- }
1205
- @keyframes c-loading-eyes-48232aaa {
1206
- 0%, 72%, 82%, 100% {
1207
- transform: scaleY(1);
1208
- }
1209
- 77% {
1210
- transform: scaleY(0.25);
1196
+ 40%, 60% {
1197
+ opacity: 1;
1211
1198
  }
1212
1199
  }
1213
- @keyframes c-loading-data-48232aaa {
1214
- 0%, 100% {
1215
- opacity: 0.2;
1200
+ @keyframes c-loading-beam-c6727905 {
1201
+ from {
1202
+ transform: translateX(-100%);
1216
1203
  }
1217
- 40%, 60% {
1218
- opacity: 0.85;
1204
+ to {
1205
+ transform: translateX(200%);
1219
1206
  }
1220
1207
  }
1221
1208
  /* unplugin-vue-components disabled */
1222
1209
  /* layer: default */
1223
- .table[data-v-48232aaa]{display:table;}
1224
- .px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
1225
- .filter[data-v-48232aaa]{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);}
1210
+ .ms[data-v-c6727905]{margin-inline-start:1rem;}
1211
+ .table[data-v-c6727905]{display:table;}
1212
+ .px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
1213
+ .filter[data-v-c6727905]{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);}
1226
1214
 
1227
1215
 
1228
1216
  /* unplugin-vue-components disabled */.column-management-tab .search-row[data-v-6ff103ee] {
@@ -1362,7 +1350,7 @@ to {
1362
1350
  .filter[data-v-6ff103ee]{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);}
1363
1351
 
1364
1352
  /* unplugin-vue-components disabled *//* ================= 1. 组件根容器 ================= */
1365
- .c-table-wrapper[data-v-be2bef78] {
1353
+ .c-table-wrapper[data-v-f623c0e1] {
1366
1354
  --c-table-border-color: var(--border-color, #e5e7eb);
1367
1355
  --c-table-bg: var(--body-color, #fff);
1368
1356
  --c-table-header-bg: var(--card-color, #fafafc);
@@ -1375,52 +1363,52 @@ to {
1375
1363
  }
1376
1364
 
1377
1365
  /* ================= 列拖拽排序 ================= */
1378
- .column-drag-ghost[data-v-be2bef78] {
1366
+ .column-drag-ghost[data-v-f623c0e1] {
1379
1367
  opacity: var(--c-table-drag-ghost-opacity);
1380
1368
  background: var(--c-table-drag-ghost-bg) !important;
1381
1369
  }
1382
- .drag-handle[data-v-be2bef78] {
1370
+ .drag-handle[data-v-f623c0e1] {
1383
1371
  cursor: grab;
1384
1372
  }
1385
- .drag-handle[data-v-be2bef78]:active {
1373
+ .drag-handle[data-v-f623c0e1]:active {
1386
1374
  cursor: grabbing;
1387
1375
  }
1388
1376
 
1389
1377
  /* ================= 合计行强调 ================= */
1390
- .c-table-wrapper[data-v-be2bef78] .n-data-table-tfoot {
1378
+ .c-table-wrapper[data-v-f623c0e1] .n-data-table-tfoot {
1391
1379
  background: var(--c-table-summary-bg);
1392
1380
  font-weight: var(--c-table-summary-font-weight);
1393
1381
  }
1394
1382
 
1395
1383
  /* ================= 2. 表格工具栏 ================= */
1396
- .table-toolbar[data-v-be2bef78] {
1384
+ .table-toolbar[data-v-f623c0e1] {
1397
1385
  display: flex;
1398
1386
  justify-content: space-between;
1399
1387
  align-items: center;
1400
1388
  margin-bottom: 16px;
1401
1389
  }
1402
- .table-toolbar .toolbar-left[data-v-be2bef78] {
1390
+ .table-toolbar .toolbar-left[data-v-f623c0e1] {
1403
1391
  display: flex;
1404
1392
  align-items: center;
1405
1393
  gap: 12px;
1406
1394
  }
1407
- .table-toolbar .toolbar-right[data-v-be2bef78] {
1395
+ .table-toolbar .toolbar-right[data-v-f623c0e1] {
1408
1396
  display: flex;
1409
1397
  align-items: center;
1410
1398
  gap: 8px;
1411
1399
  }
1412
- .table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78] {
1400
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1] {
1413
1401
  opacity: 0.6;
1414
1402
  transition: opacity 0.2s ease, transform 0.2s ease;
1415
1403
  cursor: pointer;
1416
1404
  }
1417
- .table-toolbar .toolbar-right .column-settings-btn[data-v-be2bef78]:hover {
1405
+ .table-toolbar .toolbar-right .column-settings-btn[data-v-f623c0e1]:hover {
1418
1406
  opacity: 1;
1419
1407
  transform: scale(1.1);
1420
1408
  }
1421
1409
 
1422
1410
  /* ================= 3. 动态行工具栏 ================= */
1423
- .dynamic-rows-toolbar[data-v-be2bef78] {
1411
+ .dynamic-rows-toolbar[data-v-f623c0e1] {
1424
1412
  margin-bottom: 16px;
1425
1413
  padding: 16px;
1426
1414
  border-radius: 8px;
@@ -1429,12 +1417,12 @@ to {
1429
1417
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
1430
1418
  transition: all 0.2s ease;
1431
1419
  }
1432
- .dynamic-rows-toolbar[data-v-be2bef78]:hover {
1420
+ .dynamic-rows-toolbar[data-v-f623c0e1]:hover {
1433
1421
  border-color: var(--n-primary-color-suppl);
1434
1422
  }
1435
1423
 
1436
1424
  /* ================= 4. 表格布局基础 ================= */
1437
- [data-v-be2bef78] .n-data-table {
1425
+ [data-v-f623c0e1] .n-data-table {
1438
1426
  table-layout: auto !important;
1439
1427
  width: 100% !important;
1440
1428
  border-radius: 8px;
@@ -1442,12 +1430,12 @@ to {
1442
1430
  }
1443
1431
 
1444
1432
  /* 确保表格容器允许横向滚动(固定列必需) */
1445
- [data-v-be2bef78] .n-data-table-wrapper {
1433
+ [data-v-f623c0e1] .n-data-table-wrapper {
1446
1434
  overflow-x: auto !important;
1447
1435
  }
1448
1436
 
1449
1437
  /* 分页组件样式 */
1450
- .pagination-wrapper[data-v-be2bef78] {
1438
+ .pagination-wrapper[data-v-f623c0e1] {
1451
1439
  margin-top: 16px;
1452
1440
  display: flex;
1453
1441
  justify-content: flex-end;
@@ -1455,12 +1443,12 @@ to {
1455
1443
 
1456
1444
  /* ================= 5. 表格列宽度管理 ================= */
1457
1445
  /* 普通列的最小宽度保护 */
1458
- [data-v-be2bef78] .n-data-table-th:not(:last-child) {
1446
+ [data-v-f623c0e1] .n-data-table-th:not(:last-child) {
1459
1447
  min-width: 80px !important;
1460
1448
  }
1461
1449
 
1462
1450
  /* 操作列固定宽度(适应4个按钮的布局) */
1463
- [data-v-be2bef78] .c-table-actions-column {
1451
+ [data-v-f623c0e1] .c-table-actions-column {
1464
1452
  width: 180px !important;
1465
1453
  min-width: 160px !important;
1466
1454
  max-width: 200px !important;
@@ -1469,14 +1457,14 @@ to {
1469
1457
  }
1470
1458
 
1471
1459
  /* 操作按钮容器居中 */
1472
- [data-v-be2bef78] .c-table-actions-column .n-space {
1460
+ [data-v-f623c0e1] .c-table-actions-column .n-space {
1473
1461
  justify-content: center !important;
1474
1462
  align-items: center !important;
1475
1463
  }
1476
1464
 
1477
1465
  /* ================= 6. 可编辑单元格样式 ================= */
1478
1466
  /* 单元格编辑容器 - 精致化设计 */
1479
- .cell-edit-wrapper[data-v-be2bef78] {
1467
+ .cell-edit-wrapper[data-v-f623c0e1] {
1480
1468
  display: flex;
1481
1469
  align-items: center;
1482
1470
  justify-content: space-between;
@@ -1489,23 +1477,23 @@ to {
1489
1477
  position: relative;
1490
1478
  /* 悬停效果 */
1491
1479
  }
1492
- .cell-edit-wrapper[data-v-be2bef78]:hover {
1480
+ .cell-edit-wrapper[data-v-f623c0e1]:hover {
1493
1481
  background-color: var(--n-color-target);
1494
1482
  }
1495
- .cell-edit-wrapper:hover .cell-edit-icon[data-v-be2bef78] {
1483
+ .cell-edit-wrapper:hover .cell-edit-icon[data-v-f623c0e1] {
1496
1484
  opacity: 1;
1497
1485
  color: var(--n-color-success);
1498
1486
  transform: scale(1.05);
1499
1487
  }
1500
- .cell-edit-wrapper[data-v-be2bef78] {
1488
+ .cell-edit-wrapper[data-v-f623c0e1] {
1501
1489
  /* 激活状态 */
1502
1490
  }
1503
- .cell-edit-wrapper[data-v-be2bef78]:active {
1491
+ .cell-edit-wrapper[data-v-f623c0e1]:active {
1504
1492
  transform: translateY(1px);
1505
1493
  }
1506
1494
 
1507
1495
  /* 单元格内容 */
1508
- .cell-value[data-v-be2bef78] {
1496
+ .cell-value[data-v-f623c0e1] {
1509
1497
  flex: 1;
1510
1498
  overflow: hidden;
1511
1499
  text-overflow: ellipsis;
@@ -1516,7 +1504,7 @@ to {
1516
1504
  }
1517
1505
 
1518
1506
  /* 动态渲染单元格也只在当前表格边界内匹配。 */
1519
- .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1507
+ .c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
1520
1508
  flex-shrink: 0;
1521
1509
  width: 24px;
1522
1510
  height: 24px;
@@ -1532,29 +1520,29 @@ to {
1532
1520
  position: relative;
1533
1521
  /* 悬停效果 */
1534
1522
  }
1535
- .c-table-wrapper[data-v-be2bef78] .cell-edit-icon:hover {
1523
+ .c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:hover {
1536
1524
  opacity: 1 !important;
1537
1525
  color: var(--n-color-success-hover) !important;
1538
1526
  background-color: var(--n-color-success-pressed);
1539
1527
  transform: scale(1.1);
1540
1528
  }
1541
- .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1529
+ .c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
1542
1530
  /* 激活效果 */
1543
1531
  }
1544
- .c-table-wrapper[data-v-be2bef78] .cell-edit-icon:active {
1532
+ .c-table-wrapper[data-v-f623c0e1] .cell-edit-icon:active {
1545
1533
  transform: scale(0.95);
1546
1534
  }
1547
- .c-table-wrapper[data-v-be2bef78] .cell-edit-icon {
1535
+ .c-table-wrapper[data-v-f623c0e1] .cell-edit-icon {
1548
1536
  /* 图标尺寸 */
1549
1537
  }
1550
- .c-table-wrapper[data-v-be2bef78] .cell-edit-icon svg {
1538
+ .c-table-wrapper[data-v-f623c0e1] .cell-edit-icon svg {
1551
1539
  width: 14px;
1552
1540
  height: 14px;
1553
1541
  }
1554
1542
 
1555
1543
  /* ================= 7. 单元格编辑状态样式 ================= */
1556
1544
  /* 编辑容器 - 确保水平布局不换行 */
1557
- .cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
1545
+ .cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
1558
1546
  display: flex !important;
1559
1547
  align-items: center !important;
1560
1548
  width: 100% !important;
@@ -1568,39 +1556,39 @@ to {
1568
1556
  }
1569
1557
 
1570
1558
  /* 编辑输入区域 - 占据剩余空间 */
1571
- .cell-editing-input[data-v-be2bef78],[data-v-be2bef78] .cell-editing-input {
1559
+ .cell-editing-input[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-input {
1572
1560
  flex: 1 !important;
1573
1561
  min-width: 0 !important;
1574
1562
  }
1575
1563
 
1576
1564
  /* 深度选择器处理输入框样式 */
1577
- [data-v-be2bef78] .cell-editing-input .n-input {
1565
+ [data-v-f623c0e1] .cell-editing-input .n-input {
1578
1566
  border: none !important;
1579
1567
  box-shadow: none !important;
1580
1568
  background: transparent !important;
1581
1569
  }
1582
- [data-v-be2bef78] .cell-editing-input .n-input.n-input--focus {
1570
+ [data-v-f623c0e1] .cell-editing-input .n-input.n-input--focus {
1583
1571
  border: none !important;
1584
1572
  box-shadow: none !important;
1585
1573
  }
1586
- [data-v-be2bef78] .cell-editing-input .n-input-number {
1574
+ [data-v-f623c0e1] .cell-editing-input .n-input-number {
1587
1575
  border: none !important;
1588
1576
  box-shadow: none !important;
1589
1577
  background: transparent !important;
1590
1578
  }
1591
- [data-v-be2bef78] .cell-editing-input .n-select {
1579
+ [data-v-f623c0e1] .cell-editing-input .n-select {
1592
1580
  border: none !important;
1593
1581
  box-shadow: none !important;
1594
1582
  background: transparent !important;
1595
1583
  }
1596
- [data-v-be2bef78] .cell-editing-input .n-select .n-base-selection {
1584
+ [data-v-f623c0e1] .cell-editing-input .n-select .n-base-selection {
1597
1585
  border: none !important;
1598
1586
  box-shadow: none !important;
1599
1587
  background: transparent !important;
1600
1588
  }
1601
1589
 
1602
1590
  /* 编辑操作按钮容器 */
1603
- .cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
1591
+ .cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
1604
1592
  display: flex !important;
1605
1593
  flex-shrink: 0 !important;
1606
1594
  align-items: center !important;
@@ -1613,7 +1601,7 @@ to {
1613
1601
  }
1614
1602
 
1615
1603
  /* 编辑操作按钮 */
1616
- .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1604
+ .cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
1617
1605
  display: flex !important;
1618
1606
  align-items: center !important;
1619
1607
  justify-content: center !important;
@@ -1626,34 +1614,34 @@ to {
1626
1614
  background: transparent !important;
1627
1615
  /* 保存按钮 */
1628
1616
  }
1629
- .cell-action-btn.cell-action-save[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-save {
1617
+ .cell-action-btn.cell-action-save[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-save {
1630
1618
  color: var(--n-color-success) !important;
1631
1619
  }
1632
- .cell-action-btn.cell-action-save[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-save:hover {
1620
+ .cell-action-btn.cell-action-save[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-save:hover {
1633
1621
  background: var(--n-color-success-pressed) !important;
1634
1622
  transform: scale(1.1) !important;
1635
1623
  }
1636
- .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1624
+ .cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
1637
1625
  /* 取消按钮 */
1638
1626
  }
1639
- .cell-action-btn.cell-action-cancel[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn.cell-action-cancel {
1627
+ .cell-action-btn.cell-action-cancel[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn.cell-action-cancel {
1640
1628
  color: var(--n-color-error) !important;
1641
1629
  }
1642
- .cell-action-btn.cell-action-cancel[data-v-be2bef78]:hover,[data-v-be2bef78] .cell-action-btn.cell-action-cancel:hover {
1630
+ .cell-action-btn.cell-action-cancel[data-v-f623c0e1]:hover,[data-v-f623c0e1] .cell-action-btn.cell-action-cancel:hover {
1643
1631
  background: var(--n-color-error-pressed) !important;
1644
1632
  transform: scale(1.1) !important;
1645
1633
  }
1646
- .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1634
+ .cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
1647
1635
  /* 图标尺寸 */
1648
1636
  }
1649
- .cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
1637
+ .cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
1650
1638
  width: 11px !important;
1651
1639
  height: 11px !important;
1652
1640
  }
1653
1641
 
1654
1642
  /* ================= 7. 操作按钮样式 ================= */
1655
1643
  /* 通用按钮样式 */
1656
- [data-v-be2bef78] .n-button {
1644
+ [data-v-f623c0e1] .n-button {
1657
1645
  white-space: nowrap;
1658
1646
  font-size: 12px !important;
1659
1647
  flex-shrink: 0 !important;
@@ -1662,60 +1650,60 @@ to {
1662
1650
  font-weight: 500;
1663
1651
  /* 图标间距 */
1664
1652
  }
1665
- [data-v-be2bef78] .n-button .n-icon {
1653
+ [data-v-f623c0e1] .n-button .n-icon {
1666
1654
  margin-right: 4px !important;
1667
1655
  }
1668
- [data-v-be2bef78] .n-button {
1656
+ [data-v-f623c0e1] .n-button {
1669
1657
  /* 小尺寸按钮优化 */
1670
1658
  }
1671
- [data-v-be2bef78] .n-button.n-button--small-type {
1659
+ [data-v-f623c0e1] .n-button.n-button--small-type {
1672
1660
  padding: 4px 8px;
1673
1661
  height: 28px;
1674
1662
  line-height: 20px;
1675
1663
  }
1676
- [data-v-be2bef78] .n-button {
1664
+ [data-v-f623c0e1] .n-button {
1677
1665
  /* 四元按钮样式 */
1678
1666
  }
1679
- [data-v-be2bef78] .n-button.n-button--quaternary-type:hover {
1667
+ [data-v-f623c0e1] .n-button.n-button--quaternary-type:hover {
1680
1668
  transform: translateY(-1px);
1681
1669
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
1682
1670
  }
1683
- [data-v-be2bef78] .n-button.n-button--quaternary-type:active {
1671
+ [data-v-f623c0e1] .n-button.n-button--quaternary-type:active {
1684
1672
  transform: translateY(0);
1685
1673
  }
1686
1674
 
1687
1675
  /* ================= 8. 按钮组间距优化 ================= */
1688
1676
  /* 操作按钮组 */
1689
- [data-v-be2bef78] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1677
+ [data-v-f623c0e1] .n-space.n-space--horizontal .n-space-item:not(:last-child) {
1690
1678
  margin-right: 6px !important;
1691
1679
  }
1692
1680
 
1693
1681
  /* ================= 9. 模态框样式优化 ================= */
1694
1682
  /* 编辑模态框 */
1695
- [data-v-be2bef78] .n-modal .n-card {
1683
+ [data-v-f623c0e1] .n-modal .n-card {
1696
1684
  border-radius: 12px;
1697
1685
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
1698
1686
  }
1699
- [data-v-be2bef78] .n-modal .n-card__header {
1687
+ [data-v-f623c0e1] .n-modal .n-card__header {
1700
1688
  padding: 20px 24px 16px;
1701
1689
  font-weight: 600;
1702
1690
  font-size: 16px;
1703
1691
  }
1704
- [data-v-be2bef78] .n-modal .n-card__content {
1692
+ [data-v-f623c0e1] .n-modal .n-card__content {
1705
1693
  padding: 0 24px 16px;
1706
1694
  }
1707
- [data-v-be2bef78] .n-modal .n-card__action {
1695
+ [data-v-f623c0e1] .n-modal .n-card__action {
1708
1696
  padding: 16px 24px 20px;
1709
1697
  border-top: 1px solid var(--n-divider-color);
1710
1698
  }
1711
1699
 
1712
1700
  /* ================= 10. 描述列表样式 ================= */
1713
1701
  /* 详情模态框描述列表 */
1714
- [data-v-be2bef78] .n-descriptions .n-descriptions-item-label {
1702
+ [data-v-f623c0e1] .n-descriptions .n-descriptions-item-label {
1715
1703
  font-weight: 500;
1716
1704
  color: var(--n-text-color-2);
1717
1705
  }
1718
- [data-v-be2bef78] .n-descriptions .n-descriptions-item-content {
1706
+ [data-v-f623c0e1] .n-descriptions .n-descriptions-item-content {
1719
1707
  color: var(--n-text-color-1);
1720
1708
  word-break: break-all;
1721
1709
  }
@@ -1723,99 +1711,99 @@ to {
1723
1711
  /* ================= 11. 响应式设计 ================= */
1724
1712
  /* 移动端适配 */
1725
1713
  @media (max-width: 768px) {
1726
- .c-table-wrapper[data-v-be2bef78] {
1714
+ .c-table-wrapper[data-v-f623c0e1] {
1727
1715
  overflow-x: auto;
1728
1716
  }
1729
1717
  /* 操作列在移动端的适配 */
1730
- [data-v-be2bef78] .n-data-table-th:last-child {
1718
+ [data-v-f623c0e1] .n-data-table-th:last-child {
1731
1719
  width: 160px !important;
1732
1720
  min-width: 160px !important;
1733
1721
  }
1734
1722
  /* 按钮在移动端的优化 */
1735
- [data-v-be2bef78] .n-button {
1723
+ [data-v-f623c0e1] .n-button {
1736
1724
  font-size: 11px !important;
1737
1725
  padding: 3px 6px;
1738
1726
  }
1739
- [data-v-be2bef78] .n-button .n-icon {
1727
+ [data-v-f623c0e1] .n-button .n-icon {
1740
1728
  margin-right: 2px !important;
1741
1729
  }
1742
1730
  /* 单元格编辑图标在移动端始终显示 */
1743
- .cell-edit-icon[data-v-be2bef78] {
1731
+ .cell-edit-icon[data-v-f623c0e1] {
1744
1732
  opacity: 0.6;
1745
1733
  }
1746
1734
  }
1747
1735
  /* ================= 12. 主题适配 ================= */
1748
1736
  /* 暗色主题适配 - 已通过 CSS 变量自动适配 */
1749
- [data-theme=dark][data-v-be2bef78] {
1737
+ [data-theme=dark][data-v-f623c0e1] {
1750
1738
  /* CSS 变量已自动适配,如有特殊需求可在此添加 */
1751
1739
  }
1752
1740
 
1753
1741
  /* ================= 13. 响应式优化 ================= */
1754
1742
  /* 小屏幕下的单元格编辑优化 */
1755
1743
  @media (max-width: 768px) {
1756
- .cell-editing-container[data-v-be2bef78],[data-v-be2bef78] .cell-editing-container {
1744
+ .cell-editing-container[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-container {
1757
1745
  gap: 6px !important;
1758
1746
  }
1759
- .cell-editing-actions[data-v-be2bef78],[data-v-be2bef78] .cell-editing-actions {
1747
+ .cell-editing-actions[data-v-f623c0e1],[data-v-f623c0e1] .cell-editing-actions {
1760
1748
  gap: 3px !important;
1761
1749
  padding: 2px !important;
1762
1750
  }
1763
- .cell-action-btn[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn {
1751
+ .cell-action-btn[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn {
1764
1752
  width: 18px !important;
1765
1753
  height: 18px !important;
1766
1754
  }
1767
- .cell-action-btn svg[data-v-be2bef78],[data-v-be2bef78] .cell-action-btn svg {
1755
+ .cell-action-btn svg[data-v-f623c0e1],[data-v-f623c0e1] .cell-action-btn svg {
1768
1756
  width: 10px !important;
1769
1757
  height: 10px !important;
1770
1758
  }
1771
1759
  /* 移动端编辑图标 */
1772
- .cell-edit-icon[data-v-be2bef78] {
1760
+ .cell-edit-icon[data-v-f623c0e1] {
1773
1761
  opacity: 0.6 !important;
1774
1762
  }
1775
- .cell-value[data-v-be2bef78] {
1763
+ .cell-value[data-v-f623c0e1] {
1776
1764
  margin-right: 12px !important;
1777
1765
  }
1778
1766
  }
1779
1767
  /* ================= 14. 性能优化 ================= */
1780
1768
  /* 使用 GPU 加速的动画 */
1781
- .cell-edit-icon[data-v-be2bef78],
1782
- .cell-action-btn[data-v-be2bef78] {
1769
+ .cell-edit-icon[data-v-f623c0e1],
1770
+ .cell-action-btn[data-v-f623c0e1] {
1783
1771
  will-change: transform;
1784
1772
  backface-visibility: hidden;
1785
1773
  }
1786
- [data-v-be2bef78] .n-button {
1774
+ [data-v-f623c0e1] .n-button {
1787
1775
  will-change: transform;
1788
1776
  backface-visibility: hidden;
1789
1777
  }
1790
1778
 
1791
1779
  /* ================= 15. 可访问性优化 ================= */
1792
1780
  /* 聚焦状态 */
1793
- .cell-edit-wrapper[data-v-be2bef78]:focus-within,
1794
- .cell-editing-container[data-v-be2bef78]:focus-within {
1781
+ .cell-edit-wrapper[data-v-f623c0e1]:focus-within,
1782
+ .cell-editing-container[data-v-f623c0e1]:focus-within {
1795
1783
  outline: 2px solid var(--n-primary-color);
1796
1784
  outline-offset: 2px;
1797
1785
  }
1798
1786
 
1799
1787
  /* 高对比度模式支持 */
1800
1788
  @media (prefers-contrast: high) {
1801
- .cell-edit-icon[data-v-be2bef78] {
1789
+ .cell-edit-icon[data-v-f623c0e1] {
1802
1790
  opacity: 0.8;
1803
1791
  }
1804
- .cell-editing-actions[data-v-be2bef78] {
1792
+ .cell-editing-actions[data-v-f623c0e1] {
1805
1793
  border-width: 2px;
1806
1794
  }
1807
1795
  }
1808
1796
  /* ================= 11. 行拖拽排序 ================= */
1809
- .row-drag-ghost[data-v-be2bef78] {
1797
+ .row-drag-ghost[data-v-f623c0e1] {
1810
1798
  opacity: 0.4;
1811
1799
  background: var(--c-table-drag-ghost-bg) !important;
1812
1800
  }
1813
- .row-drag-chosen[data-v-be2bef78] {
1801
+ .row-drag-chosen[data-v-f623c0e1] {
1814
1802
  background: var(--n-color-hover, #f5f5f5) !important;
1815
1803
  }
1816
1804
 
1817
1805
  /* ================= 12. 批量操作栏 ================= */
1818
- .batch-actions-bar[data-v-be2bef78] {
1806
+ .batch-actions-bar[data-v-f623c0e1] {
1819
1807
  display: flex;
1820
1808
  align-items: center;
1821
1809
  justify-content: space-between;
@@ -1825,56 +1813,56 @@ to {
1825
1813
  border-radius: 6px;
1826
1814
  border: 1px solid var(--n-primary-color-suppl, #70b3ff);
1827
1815
  }
1828
- .batch-actions-bar .batch-info[data-v-be2bef78] {
1816
+ .batch-actions-bar .batch-info[data-v-f623c0e1] {
1829
1817
  font-size: 13px;
1830
1818
  color: var(--n-text-color-2);
1831
1819
  font-weight: 500;
1832
1820
  }
1833
1821
 
1834
1822
  /* ================= 13. 错误状态 ================= */
1835
- .table-error-state[data-v-be2bef78] {
1823
+ .table-error-state[data-v-f623c0e1] {
1836
1824
  padding: 48px 24px;
1837
1825
  text-align: center;
1838
1826
  }
1839
- .table-error-state .error-content[data-v-be2bef78] {
1827
+ .table-error-state .error-content[data-v-f623c0e1] {
1840
1828
  display: flex;
1841
1829
  flex-direction: column;
1842
1830
  align-items: center;
1843
1831
  gap: 12px;
1844
1832
  color: var(--n-text-color-3, #999);
1845
1833
  }
1846
- .table-error-state .error-message[data-v-be2bef78] {
1834
+ .table-error-state .error-message[data-v-f623c0e1] {
1847
1835
  font-size: 14px;
1848
1836
  margin: 0;
1849
1837
  color: var(--n-text-color-2, #666);
1850
1838
  }
1851
1839
  /* unplugin-vue-components disabled */
1852
1840
  /* layer: default */
1853
- .visible[data-v-be2bef78]{visibility:visible;}
1854
- .fixed[data-v-be2bef78]{position:fixed;}
1855
- .grid[data-v-be2bef78]{display:grid;}
1856
- .mb-2[data-v-be2bef78]{margin-bottom:0.5rem;}
1857
- .mb-4[data-v-be2bef78]{margin-bottom:1rem;}
1858
- .ml-2[data-v-be2bef78]{margin-left:0.5rem;}
1859
- .w60\%[data-v-be2bef78]{width:60%;}
1860
- .flex[data-v-be2bef78]{display:flex;}
1861
- .table[data-v-be2bef78]{display:table;}
1862
- .scale-110[data-v-be2bef78]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
1863
- .cursor-pointer[data-v-be2bef78]{cursor:pointer;}
1864
- .items-center[data-v-be2bef78]{align-items:center;}
1865
- .justify-end[data-v-be2bef78]{justify-content:flex-end;}
1866
- .justify-center[data-v-be2bef78]{justify-content:center;}
1867
- .rd[data-v-be2bef78]{border-radius:0.25rem;}
1868
- .bg-gray-50[data-v-be2bef78]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1869
- .p-4[data-v-be2bef78]{padding:1rem;}
1870
- .px[data-v-be2bef78]{padding-left:1rem;padding-right:1rem;}
1871
- .py-8[data-v-be2bef78]{padding-top:2rem;padding-bottom:2rem;}
1872
- .text-center[data-v-be2bef78]{text-align:center;}
1873
- .text-sm[data-v-be2bef78]{font-size:0.875rem;line-height:1.25rem;}
1874
- .text-gray-400[data-v-be2bef78]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1875
- .text-gray-500[data-v-be2bef78]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1876
- .text-gray-600[data-v-be2bef78]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1877
- .accent-blue-500[data-v-be2bef78]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1878
- .blur[data-v-be2bef78]{--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);}
1879
- .filter[data-v-be2bef78]{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);}
1841
+ .visible[data-v-f623c0e1]{visibility:visible;}
1842
+ .fixed[data-v-f623c0e1]{position:fixed;}
1843
+ .grid[data-v-f623c0e1]{display:grid;}
1844
+ .mb-2[data-v-f623c0e1]{margin-bottom:0.5rem;}
1845
+ .mb-4[data-v-f623c0e1]{margin-bottom:1rem;}
1846
+ .ml-2[data-v-f623c0e1]{margin-left:0.5rem;}
1847
+ .w60\%[data-v-f623c0e1]{width:60%;}
1848
+ .flex[data-v-f623c0e1]{display:flex;}
1849
+ .table[data-v-f623c0e1]{display:table;}
1850
+ .scale-110[data-v-f623c0e1]{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
1851
+ .cursor-pointer[data-v-f623c0e1]{cursor:pointer;}
1852
+ .items-center[data-v-f623c0e1]{align-items:center;}
1853
+ .justify-end[data-v-f623c0e1]{justify-content:flex-end;}
1854
+ .justify-center[data-v-f623c0e1]{justify-content:center;}
1855
+ .rd[data-v-f623c0e1]{border-radius:0.25rem;}
1856
+ .bg-gray-50[data-v-f623c0e1]{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
1857
+ .p-4[data-v-f623c0e1]{padding:1rem;}
1858
+ .px[data-v-f623c0e1]{padding-left:1rem;padding-right:1rem;}
1859
+ .py-8[data-v-f623c0e1]{padding-top:2rem;padding-bottom:2rem;}
1860
+ .text-center[data-v-f623c0e1]{text-align:center;}
1861
+ .text-sm[data-v-f623c0e1]{font-size:0.875rem;line-height:1.25rem;}
1862
+ .text-gray-400[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
1863
+ .text-gray-500[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
1864
+ .text-gray-600[data-v-f623c0e1]{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
1865
+ .accent-blue-500[data-v-f623c0e1]{--un-accent-opacity:1;accent-color:rgb(59 130 246 / var(--un-accent-opacity));}
1866
+ .blur[data-v-f623c0e1]{--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);}
1867
+ .filter[data-v-f623c0e1]{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);}
1880
1868