yd-admin 0.1.4 → 0.1.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.
Files changed (5) hide show
  1. package/README.md +6 -4
  2. package/dist/index.d.ts +1444 -379
  3. package/dist/index.js +2636 -407
  4. package/dist/style.css +1129 -587
  5. package/package.json +8 -4
package/dist/style.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- .yd-button[data-v-7c52cbce] {
2
+ .yd-button[data-v-6f15c079] {
3
3
  display: inline-flex;
4
4
  align-items: center;
5
5
  justify-content: center;
@@ -14,105 +14,105 @@
14
14
  transition: all 200ms ease;
15
15
  user-select: none;
16
16
  }
17
- .yd-button[data-v-7c52cbce]:disabled {
17
+ .yd-button[data-v-6f15c079]:disabled {
18
18
  cursor: not-allowed;
19
19
  opacity: 0.6;
20
20
  }
21
- .yd-button--primary[data-v-7c52cbce] {
22
- color: #ffffff;
23
- background-color: #3b82f6;
24
- border-color: #3b82f6;
21
+ .yd-button--primary[data-v-6f15c079] {
22
+ color: var(--yd-color-btn-primary-color);
23
+ background-color: var(--yd-color-btn-primary-bg);
24
+ border-color: var(--yd-color-btn-primary-bg);
25
25
  }
26
- .yd-button--primary[data-v-7c52cbce]:hover:not(:disabled) {
27
- background-color: #2563eb;
26
+ .yd-button--primary[data-v-6f15c079]:hover:not(:disabled) {
27
+ background-color: var(--yd-color-btn-primary-bg-hover);
28
28
  }
29
- .yd-button--success[data-v-7c52cbce] {
30
- color: #ffffff;
31
- background-color: #22c55e;
32
- border-color: #22c55e;
29
+ .yd-button--success[data-v-6f15c079] {
30
+ color: var(--yd-color-btn-success-color);
31
+ background-color: var(--yd-color-btn-success-bg);
32
+ border-color: var(--yd-color-btn-success-bg);
33
33
  }
34
- .yd-button--success[data-v-7c52cbce]:hover:not(:disabled) {
35
- background-color: #16a34a;
34
+ .yd-button--success[data-v-6f15c079]:hover:not(:disabled) {
35
+ background-color: var(--yd-color-btn-success-bg-hover);
36
36
  }
37
- .yd-button--warning[data-v-7c52cbce] {
38
- color: #ffffff;
39
- background-color: #f59e0b;
40
- border-color: #f59e0b;
37
+ .yd-button--warning[data-v-6f15c079] {
38
+ color: var(--yd-color-btn-warning-color);
39
+ background-color: var(--yd-color-btn-warning-bg);
40
+ border-color: var(--yd-color-btn-warning-bg);
41
41
  }
42
- .yd-button--warning[data-v-7c52cbce]:hover:not(:disabled) {
43
- background-color: #d97706;
42
+ .yd-button--warning[data-v-6f15c079]:hover:not(:disabled) {
43
+ background-color: var(--yd-color-btn-warning-bg-hover);
44
44
  }
45
- .yd-button--error[data-v-7c52cbce] {
46
- color: #ffffff;
47
- background-color: #ef4444;
48
- border-color: #ef4444;
45
+ .yd-button--error[data-v-6f15c079] {
46
+ color: var(--yd-color-btn-error-color);
47
+ background-color: var(--yd-color-btn-error-bg);
48
+ border-color: var(--yd-color-btn-error-bg);
49
49
  }
50
- .yd-button--error[data-v-7c52cbce]:hover:not(:disabled) {
51
- background-color: #dc2626;
50
+ .yd-button--error[data-v-6f15c079]:hover:not(:disabled) {
51
+ background-color: var(--yd-color-btn-error-bg-hover);
52
52
  }
53
- .yd-button--default[data-v-7c52cbce] {
54
- color: #374151;
55
- background-color: #ffffff;
56
- border-color: #d1d5db;
53
+ .yd-button--default[data-v-6f15c079] {
54
+ color: var(--yd-color-btn-default-color);
55
+ background-color: var(--yd-color-btn-default-bg);
56
+ border-color: var(--yd-color-btn-default-border);
57
57
  }
58
- .yd-button--default[data-v-7c52cbce]:hover:not(:disabled) {
59
- background-color: #f3f4f6;
58
+ .yd-button--default[data-v-6f15c079]:hover:not(:disabled) {
59
+ background-color: var(--yd-color-btn-default-bg-hover);
60
60
  }
61
- .yd-button--plain[data-v-7c52cbce] {
61
+ .yd-button--plain[data-v-6f15c079] {
62
62
  background-color: transparent;
63
63
  }
64
- .yd-button--plain.yd-button--primary[data-v-7c52cbce] {
65
- color: #3b82f6;
66
- border-color: #3b82f6;
64
+ .yd-button--plain.yd-button--primary[data-v-6f15c079] {
65
+ color: var(--yd-color-btn-primary-bg);
66
+ border-color: var(--yd-color-btn-primary-bg);
67
67
  }
68
- .yd-button--plain.yd-button--success[data-v-7c52cbce] {
69
- color: #22c55e;
70
- border-color: #22c55e;
68
+ .yd-button--plain.yd-button--success[data-v-6f15c079] {
69
+ color: var(--yd-color-btn-success-bg);
70
+ border-color: var(--yd-color-btn-success-bg);
71
71
  }
72
- .yd-button--plain.yd-button--warning[data-v-7c52cbce] {
73
- color: #f59e0b;
74
- border-color: #f59e0b;
72
+ .yd-button--plain.yd-button--warning[data-v-6f15c079] {
73
+ color: var(--yd-color-btn-warning-bg);
74
+ border-color: var(--yd-color-btn-warning-bg);
75
75
  }
76
- .yd-button--plain.yd-button--error[data-v-7c52cbce] {
77
- color: #ef4444;
78
- border-color: #ef4444;
76
+ .yd-button--plain.yd-button--error[data-v-6f15c079] {
77
+ color: var(--yd-color-btn-error-bg);
78
+ border-color: var(--yd-color-btn-error-bg);
79
79
  }
80
- .yd-button--round[data-v-7c52cbce] {
80
+ .yd-button--round[data-v-6f15c079] {
81
81
  border-radius: 20px;
82
82
  }
83
- .yd-button--circle[data-v-7c52cbce] {
83
+ .yd-button--circle[data-v-6f15c079] {
84
84
  border-radius: 50%;
85
85
  padding: 8px;
86
86
  width: 36px;
87
87
  height: 36px;
88
88
  }
89
- .yd-button--xs[data-v-7c52cbce] {
89
+ .yd-button--xs[data-v-6f15c079] {
90
90
  padding: 4px 8px;
91
91
  font-size: 12px;
92
92
  }
93
- .yd-button--sm[data-v-7c52cbce] {
93
+ .yd-button--sm[data-v-6f15c079] {
94
94
  padding: 6px 12px;
95
95
  font-size: 13px;
96
96
  }
97
- .yd-button--lg[data-v-7c52cbce] {
97
+ .yd-button--lg[data-v-6f15c079] {
98
98
  padding: 10px 20px;
99
99
  font-size: 16px;
100
100
  }
101
- .yd-button--xl[data-v-7c52cbce] {
101
+ .yd-button--xl[data-v-6f15c079] {
102
102
  padding: 12px 24px;
103
103
  font-size: 18px;
104
104
  }
105
- .yd-button__loading[data-v-7c52cbce] {
105
+ .yd-button__loading[data-v-6f15c079] {
106
106
  display: inline-flex;
107
107
  align-items: center;
108
108
  }
109
- .yd-button__spinner[data-v-7c52cbce] {
109
+ .yd-button__spinner[data-v-6f15c079] {
110
110
  width: 16px;
111
111
  height: 16px;
112
112
  will-change: transform;
113
- animation: yd-spin-7c52cbce 1s linear infinite;
113
+ animation: yd-spin-6f15c079 1s linear infinite;
114
114
  }
115
- @keyframes yd-spin-7c52cbce {
115
+ @keyframes yd-spin-6f15c079 {
116
116
  from {
117
117
  transform: rotate(0deg);
118
118
  }
@@ -578,7 +578,7 @@ to {
578
578
  opacity: 0;
579
579
  }
580
580
 
581
- .yd-switch[data-v-3f00ad5e] {
581
+ .yd-switch[data-v-178da0de] {
582
582
  position: relative;
583
583
  display: inline-flex;
584
584
  align-items: center;
@@ -588,95 +588,95 @@ to {
588
588
  transition: all var(--yd-transition-base);
589
589
  padding: 0;
590
590
  }
591
- .yd-switch[data-v-3f00ad5e]:disabled {
591
+ .yd-switch[data-v-178da0de]:disabled {
592
592
  cursor: not-allowed;
593
593
  opacity: 0.5;
594
594
  }
595
595
 
596
596
  /* Size variants */
597
- .yd-switch--xs[data-v-3f00ad5e] {
597
+ .yd-switch--xs[data-v-178da0de] {
598
598
  width: 28px;
599
599
  height: 16px;
600
600
  }
601
- .yd-switch--xs .yd-switch__thumb[data-v-3f00ad5e] {
601
+ .yd-switch--xs .yd-switch__thumb[data-v-178da0de] {
602
602
  width: 12px;
603
603
  height: 12px;
604
604
  left: 2px;
605
605
  }
606
- .yd-switch--xs.yd-switch--active .yd-switch__thumb[data-v-3f00ad5e] {
606
+ .yd-switch--xs.yd-switch--active .yd-switch__thumb[data-v-178da0de] {
607
607
  left: 14px;
608
608
  }
609
- .yd-switch--sm[data-v-3f00ad5e] {
609
+ .yd-switch--sm[data-v-178da0de] {
610
610
  width: 36px;
611
611
  height: 20px;
612
612
  }
613
- .yd-switch--sm .yd-switch__thumb[data-v-3f00ad5e] {
613
+ .yd-switch--sm .yd-switch__thumb[data-v-178da0de] {
614
614
  width: 16px;
615
615
  height: 16px;
616
616
  left: 2px;
617
617
  }
618
- .yd-switch--sm.yd-switch--active .yd-switch__thumb[data-v-3f00ad5e] {
618
+ .yd-switch--sm.yd-switch--active .yd-switch__thumb[data-v-178da0de] {
619
619
  left: 18px;
620
620
  }
621
- .yd-switch--md[data-v-3f00ad5e] {
621
+ .yd-switch--md[data-v-178da0de] {
622
622
  width: 44px;
623
623
  height: 24px;
624
624
  }
625
- .yd-switch--md .yd-switch__thumb[data-v-3f00ad5e] {
625
+ .yd-switch--md .yd-switch__thumb[data-v-178da0de] {
626
626
  width: 20px;
627
627
  height: 20px;
628
628
  left: 2px;
629
629
  }
630
- .yd-switch--md.yd-switch--active .yd-switch__thumb[data-v-3f00ad5e] {
630
+ .yd-switch--md.yd-switch--active .yd-switch__thumb[data-v-178da0de] {
631
631
  left: 22px;
632
632
  }
633
- .yd-switch--lg[data-v-3f00ad5e] {
633
+ .yd-switch--lg[data-v-178da0de] {
634
634
  width: 52px;
635
635
  height: 28px;
636
636
  }
637
- .yd-switch--lg .yd-switch__thumb[data-v-3f00ad5e] {
637
+ .yd-switch--lg .yd-switch__thumb[data-v-178da0de] {
638
638
  width: 24px;
639
639
  height: 24px;
640
640
  left: 2px;
641
641
  }
642
- .yd-switch--lg.yd-switch--active .yd-switch__thumb[data-v-3f00ad5e] {
642
+ .yd-switch--lg.yd-switch--active .yd-switch__thumb[data-v-178da0de] {
643
643
  left: 26px;
644
644
  }
645
645
 
646
646
  /* Inactive state */
647
- .yd-switch[data-v-3f00ad5e] {
647
+ .yd-switch[data-v-178da0de] {
648
648
  background: var(--yd-color-neutral-300);
649
649
  }
650
- [data-theme="dark"] .yd-switch[data-v-3f00ad5e] {
650
+ [data-theme="dark"] .yd-switch[data-v-178da0de] {
651
651
  background: var(--yd-color-neutral-600);
652
652
  }
653
653
 
654
654
  /* Active state */
655
- .yd-switch--active[data-v-3f00ad5e] {
655
+ .yd-switch--active[data-v-178da0de] {
656
656
  background: var(--yd-color-primary-500);
657
657
  }
658
- .yd-switch--active[data-v-3f00ad5e]:hover:not(:disabled) {
658
+ .yd-switch--active[data-v-178da0de]:hover:not(:disabled) {
659
659
  background: var(--yd-color-primary-600);
660
660
  }
661
661
 
662
662
  /* Thumb */
663
- .yd-switch__thumb[data-v-3f00ad5e] {
663
+ .yd-switch__thumb[data-v-178da0de] {
664
664
  position: absolute;
665
665
  top: 50%;
666
666
  transform: translateY(-50%);
667
- background: #ffffff;
667
+ background: var(--yd-color-bg);
668
668
  border-radius: 50%;
669
669
  transition: all var(--yd-transition-base);
670
670
  box-shadow: var(--yd-shadow-sm);
671
671
  }
672
672
 
673
673
  /* Disabled */
674
- .yd-switch--disabled[data-v-3f00ad5e] {
674
+ .yd-switch--disabled[data-v-178da0de] {
675
675
  opacity: 0.5;
676
676
  pointer-events: none;
677
677
  }
678
678
 
679
- .yd-checkbox-wrapper[data-v-161dff57] {
679
+ .yd-checkbox-wrapper[data-v-85b4197e] {
680
680
  display: inline-flex;
681
681
  align-items: center;
682
682
  gap: var(--yd-spacing-sm);
@@ -685,11 +685,11 @@ to {
685
685
  color: var(--yd-color-fg);
686
686
  transition: opacity var(--yd-transition-fast);
687
687
  }
688
- .yd-checkbox-wrapper--disabled[data-v-161dff57] {
688
+ .yd-checkbox-wrapper--disabled[data-v-85b4197e] {
689
689
  opacity: 0.5;
690
690
  cursor: not-allowed;
691
691
  }
692
- .yd-checkbox__input[data-v-161dff57] {
692
+ .yd-checkbox__input[data-v-85b4197e] {
693
693
  position: absolute;
694
694
  width: 1px;
695
695
  height: 1px;
@@ -700,7 +700,7 @@ to {
700
700
  white-space: nowrap;
701
701
  border: 0;
702
702
  }
703
- .yd-checkbox__box[data-v-161dff57] {
703
+ .yd-checkbox__box[data-v-85b4197e] {
704
704
  display: inline-flex;
705
705
  align-items: center;
706
706
  justify-content: center;
@@ -712,20 +712,20 @@ to {
712
712
  transition: all var(--yd-transition-fast);
713
713
  flex-shrink: 0;
714
714
  }
715
- .yd-checkbox__input:checked + .yd-checkbox__box[data-v-161dff57] {
715
+ .yd-checkbox__input:checked + .yd-checkbox__box[data-v-85b4197e] {
716
716
  background: var(--yd-color-primary-500);
717
717
  border-color: var(--yd-color-primary-500);
718
718
  }
719
- .yd-checkbox__input:focus-visible + .yd-checkbox__box[data-v-161dff57] {
719
+ .yd-checkbox__input:focus-visible + .yd-checkbox__box[data-v-85b4197e] {
720
720
  box-shadow: 0 0 0 2px var(--yd-color-primary-100);
721
721
  }
722
- [data-theme="dark"] .yd-checkbox__input:focus-visible + .yd-checkbox__box[data-v-161dff57] {
722
+ [data-theme="dark"] .yd-checkbox__input:focus-visible + .yd-checkbox__box[data-v-85b4197e] {
723
723
  box-shadow: 0 0 0 2px var(--yd-color-primary-900);
724
724
  }
725
- .yd-checkbox__icon[data-v-161dff57] {
726
- color: #ffffff;
725
+ .yd-checkbox__icon[data-v-85b4197e] {
726
+ color: var(--yd-color-bg);
727
727
  }
728
- .yd-checkbox__label[data-v-161dff57] {
728
+ .yd-checkbox__label[data-v-85b4197e] {
729
729
  user-select: none;
730
730
  }
731
731
 
@@ -801,7 +801,7 @@ to {
801
801
  gap: var(--yd-spacing-md);
802
802
  }
803
803
 
804
- .yd-tag[data-v-68856db4] {
804
+ .yd-tag[data-v-ae4235fd] {
805
805
  display: inline-flex;
806
806
  align-items: center;
807
807
  gap: var(--yd-spacing-xs);
@@ -811,102 +811,102 @@ to {
811
811
  }
812
812
 
813
813
  /* Size variants */
814
- .yd-tag--xs[data-v-68856db4] {
814
+ .yd-tag--xs[data-v-ae4235fd] {
815
815
  font-size: var(--yd-font-size-xs);
816
816
  padding: 2px var(--yd-spacing-xs);
817
817
  }
818
- .yd-tag--sm[data-v-68856db4] {
818
+ .yd-tag--sm[data-v-ae4235fd] {
819
819
  font-size: var(--yd-font-size-xs);
820
820
  padding: 2px var(--yd-spacing-sm);
821
821
  }
822
- .yd-tag--md[data-v-68856db4] {
822
+ .yd-tag--md[data-v-ae4235fd] {
823
823
  font-size: var(--yd-font-size-sm);
824
824
  padding: var(--yd-spacing-xs) var(--yd-spacing-sm);
825
825
  }
826
826
 
827
827
  /* Round */
828
- .yd-tag--round[data-v-68856db4] {
828
+ .yd-tag--round[data-v-ae4235fd] {
829
829
  border-radius: var(--yd-radius-full);
830
830
  }
831
831
 
832
832
  /* Variant: default */
833
- .yd-tag--default[data-v-68856db4] {
833
+ .yd-tag--default[data-v-ae4235fd] {
834
834
  background: var(--yd-color-muted);
835
835
  color: var(--yd-color-muted-fg);
836
836
  }
837
837
 
838
838
  /* Variant: primary */
839
- .yd-tag--primary[data-v-68856db4] {
839
+ .yd-tag--primary[data-v-ae4235fd] {
840
840
  background: var(--yd-color-primary-500);
841
- color: #ffffff;
841
+ color: var(--yd-color-btn-primary-color);
842
842
  }
843
- .yd-tag--plain.yd-tag--primary[data-v-68856db4] {
843
+ .yd-tag--plain.yd-tag--primary[data-v-ae4235fd] {
844
844
  background: var(--yd-color-primary-50);
845
845
  color: var(--yd-color-primary-600);
846
846
  }
847
- [data-theme="dark"] .yd-tag--plain.yd-tag--primary[data-v-68856db4] {
847
+ [data-theme="dark"] .yd-tag--plain.yd-tag--primary[data-v-ae4235fd] {
848
848
  background: var(--yd-color-primary-900);
849
849
  color: var(--yd-color-primary-300);
850
850
  }
851
851
 
852
852
  /* Variant: success */
853
- .yd-tag--success[data-v-68856db4] {
853
+ .yd-tag--success[data-v-ae4235fd] {
854
854
  background: var(--yd-color-success);
855
- color: #ffffff;
855
+ color: var(--yd-color-btn-success-color);
856
856
  }
857
- .yd-tag--plain.yd-tag--success[data-v-68856db4] {
858
- background: #f0fdf4;
859
- color: #16a34a;
857
+ .yd-tag--plain.yd-tag--success[data-v-ae4235fd] {
858
+ background: var(--yd-tag-success-muted);
859
+ color: var(--yd-tag-success-color);
860
860
  }
861
- [data-theme="dark"] .yd-tag--plain.yd-tag--success[data-v-68856db4] {
862
- background: #052e16;
863
- color: #4ade80;
861
+ [data-theme="dark"] .yd-tag--plain.yd-tag--success[data-v-ae4235fd] {
862
+ background: var(--yd-tag-success-muted);
863
+ color: var(--yd-tag-success-color);
864
864
  }
865
865
 
866
866
  /* Variant: warning */
867
- .yd-tag--warning[data-v-68856db4] {
867
+ .yd-tag--warning[data-v-ae4235fd] {
868
868
  background: var(--yd-color-warning);
869
- color: #ffffff;
869
+ color: var(--yd-color-btn-warning-color);
870
870
  }
871
- .yd-tag--plain.yd-tag--warning[data-v-68856db4] {
872
- background: #fffbeb;
873
- color: #d97706;
871
+ .yd-tag--plain.yd-tag--warning[data-v-ae4235fd] {
872
+ background: var(--yd-tag-warning-muted);
873
+ color: var(--yd-tag-warning-color);
874
874
  }
875
- [data-theme="dark"] .yd-tag--plain.yd-tag--warning[data-v-68856db4] {
876
- background: #451a03;
877
- color: #fbbf24;
875
+ [data-theme="dark"] .yd-tag--plain.yd-tag--warning[data-v-ae4235fd] {
876
+ background: var(--yd-tag-warning-muted);
877
+ color: var(--yd-tag-warning-color);
878
878
  }
879
879
 
880
880
  /* Variant: error */
881
- .yd-tag--error[data-v-68856db4] {
881
+ .yd-tag--error[data-v-ae4235fd] {
882
882
  background: var(--yd-color-error);
883
- color: #ffffff;
883
+ color: var(--yd-color-btn-error-color);
884
884
  }
885
- .yd-tag--plain.yd-tag--error[data-v-68856db4] {
886
- background: #fef2f2;
887
- color: #dc2626;
885
+ .yd-tag--plain.yd-tag--error[data-v-ae4235fd] {
886
+ background: var(--yd-tag-error-muted);
887
+ color: var(--yd-tag-error-color);
888
888
  }
889
- [data-theme="dark"] .yd-tag--plain.yd-tag--error[data-v-68856db4] {
890
- background: #450a0a;
891
- color: #f87171;
889
+ [data-theme="dark"] .yd-tag--plain.yd-tag--error[data-v-ae4235fd] {
890
+ background: var(--yd-tag-error-muted);
891
+ color: var(--yd-tag-error-color);
892
892
  }
893
893
 
894
894
  /* Variant: info */
895
- .yd-tag--info[data-v-68856db4] {
895
+ .yd-tag--info[data-v-ae4235fd] {
896
896
  background: var(--yd-color-info);
897
- color: #ffffff;
897
+ color: var(--yd-color-btn-primary-color);
898
898
  }
899
- .yd-tag--plain.yd-tag--info[data-v-68856db4] {
900
- background: #eff6ff;
901
- color: #2563eb;
899
+ .yd-tag--plain.yd-tag--info[data-v-ae4235fd] {
900
+ background: var(--yd-tag-info-muted);
901
+ color: var(--yd-tag-info-color);
902
902
  }
903
- [data-theme="dark"] .yd-tag--plain.yd-tag--info[data-v-68856db4] {
904
- background: #1e3a8a;
905
- color: #93c5fd;
903
+ [data-theme="dark"] .yd-tag--plain.yd-tag--info[data-v-ae4235fd] {
904
+ background: var(--yd-tag-info-muted);
905
+ color: var(--yd-tag-info-color);
906
906
  }
907
907
 
908
908
  /* Close button */
909
- .yd-tag__close[data-v-68856db4] {
909
+ .yd-tag__close[data-v-ae4235fd] {
910
910
  display: inline-flex;
911
911
  align-items: center;
912
912
  justify-content: center;
@@ -918,7 +918,7 @@ to {
918
918
  padding: 0;
919
919
  transition: opacity var(--yd-transition-fast);
920
920
  }
921
- .yd-tag__close[data-v-68856db4]:hover {
921
+ .yd-tag__close[data-v-ae4235fd]:hover {
922
922
  opacity: 1;
923
923
  }
924
924
 
@@ -992,14 +992,14 @@ to {
992
992
  color: var(--yd-color-primary-200);
993
993
  }
994
994
 
995
- .yd-badge[data-v-bb44e78d] {
995
+ .yd-badge[data-v-9b63f1ae] {
996
996
  position: relative;
997
997
  display: inline-flex;
998
998
  }
999
- .yd-badge--standalone[data-v-bb44e78d] {
999
+ .yd-badge--standalone[data-v-9b63f1ae] {
1000
1000
  margin-right: var(--yd-spacing-sm);
1001
1001
  }
1002
- .yd-badge__dot[data-v-bb44e78d] {
1002
+ .yd-badge__dot[data-v-9b63f1ae] {
1003
1003
  position: absolute;
1004
1004
  top: 0;
1005
1005
  right: 0;
@@ -1011,106 +1011,106 @@ to {
1011
1011
  transform: translate(50%, -50%);
1012
1012
  font-size: var(--yd-font-size-xs);
1013
1013
  font-weight: var(--yd-font-weight-medium);
1014
- color: #fff;
1014
+ color: var(--yd-color-bg);
1015
1015
  line-height: 16px;
1016
1016
  text-align: center;
1017
1017
  white-space: nowrap;
1018
1018
  box-shadow: 0 0 0 2px var(--yd-color-bg);
1019
1019
  }
1020
- .yd-badge--dot .yd-badge__dot[data-v-bb44e78d] {
1020
+ .yd-badge--dot .yd-badge__dot[data-v-9b63f1ae] {
1021
1021
  min-width: 8px;
1022
1022
  height: 8px;
1023
1023
  padding: 0;
1024
1024
  }
1025
1025
 
1026
1026
  /* Variant colors */
1027
- .yd-badge--primary .yd-badge__dot[data-v-bb44e78d] {
1027
+ .yd-badge--primary .yd-badge__dot[data-v-9b63f1ae] {
1028
1028
  background: var(--yd-color-primary-500);
1029
1029
  }
1030
- .yd-badge--success .yd-badge__dot[data-v-bb44e78d] {
1030
+ .yd-badge--success .yd-badge__dot[data-v-9b63f1ae] {
1031
1031
  background: var(--yd-color-success);
1032
1032
  }
1033
- .yd-badge--warning .yd-badge__dot[data-v-bb44e78d] {
1033
+ .yd-badge--warning .yd-badge__dot[data-v-9b63f1ae] {
1034
1034
  background: var(--yd-color-warning);
1035
1035
  }
1036
- .yd-badge--error .yd-badge__dot[data-v-bb44e78d] {
1036
+ .yd-badge--error .yd-badge__dot[data-v-9b63f1ae] {
1037
1037
  background: var(--yd-color-error);
1038
1038
  }
1039
- .yd-badge--info .yd-badge__dot[data-v-bb44e78d] {
1039
+ .yd-badge--info .yd-badge__dot[data-v-9b63f1ae] {
1040
1040
  background: var(--yd-color-info);
1041
1041
  }
1042
1042
 
1043
- .yd-rate[data-v-82987348] {
1043
+ .yd-rate[data-v-52b27a1b] {
1044
1044
  display: inline-flex;
1045
1045
  align-items: center;
1046
1046
  gap: 4px;
1047
1047
  }
1048
- .yd-rate__star[data-v-82987348] {
1048
+ .yd-rate__star[data-v-52b27a1b] {
1049
1049
  cursor: pointer;
1050
1050
  color: var(--yd-color-neutral-300);
1051
1051
  transition: color var(--yd-transition-fast);
1052
1052
  display: inline-flex;
1053
1053
  }
1054
- .yd-rate__star--active[data-v-82987348],
1055
- .yd-rate__star--half[data-v-82987348] {
1056
- color: #fbbf24;
1054
+ .yd-rate__star--active[data-v-52b27a1b],
1055
+ .yd-rate__star--half[data-v-52b27a1b] {
1056
+ color: var(--yd-color-rate);
1057
1057
  }
1058
- .yd-rate__star[data-v-82987348]:hover {
1058
+ .yd-rate__star[data-v-52b27a1b]:hover {
1059
1059
  transform: scale(1.15);
1060
1060
  }
1061
- .yd-rate--disabled[data-v-82987348] {
1061
+ .yd-rate--disabled[data-v-52b27a1b] {
1062
1062
  pointer-events: none;
1063
1063
  }
1064
- .yd-rate--disabled .yd-rate__star[data-v-82987348] {
1064
+ .yd-rate--disabled .yd-rate__star[data-v-52b27a1b] {
1065
1065
  cursor: not-allowed;
1066
1066
  }
1067
- .yd-rate__text[data-v-82987348] {
1067
+ .yd-rate__text[data-v-52b27a1b] {
1068
1068
  margin-left: var(--yd-spacing-sm);
1069
1069
  font-size: var(--yd-font-size-sm);
1070
1070
  color: var(--yd-color-muted-fg);
1071
1071
  }
1072
- .yd-rate--xs .yd-rate__icon[data-v-82987348] {
1072
+ .yd-rate--xs .yd-rate__icon[data-v-52b27a1b] {
1073
1073
  width: 14px;
1074
1074
  height: 14px;
1075
1075
  }
1076
- .yd-rate--sm .yd-rate__icon[data-v-82987348] {
1076
+ .yd-rate--sm .yd-rate__icon[data-v-52b27a1b] {
1077
1077
  width: 16px;
1078
1078
  height: 16px;
1079
1079
  }
1080
- .yd-rate--md .yd-rate__icon[data-v-82987348] {
1080
+ .yd-rate--md .yd-rate__icon[data-v-52b27a1b] {
1081
1081
  width: 20px;
1082
1082
  height: 20px;
1083
1083
  }
1084
- .yd-rate--lg .yd-rate__icon[data-v-82987348] {
1084
+ .yd-rate--lg .yd-rate__icon[data-v-52b27a1b] {
1085
1085
  width: 24px;
1086
1086
  height: 24px;
1087
1087
  }
1088
1088
 
1089
- .yd-slider[data-v-ad53f18b] {
1089
+ .yd-slider[data-v-51e82523] {
1090
1090
  position: relative;
1091
1091
  width: 100%;
1092
1092
  padding: 12px 0;
1093
1093
  }
1094
- .yd-slider__rail[data-v-ad53f18b] {
1094
+ .yd-slider__rail[data-v-51e82523] {
1095
1095
  position: relative;
1096
1096
  height: 6px;
1097
1097
  background: var(--yd-color-muted);
1098
1098
  border-radius: var(--yd-radius-full);
1099
1099
  cursor: pointer;
1100
1100
  }
1101
- .yd-slider__track[data-v-ad53f18b] {
1101
+ .yd-slider__track[data-v-51e82523] {
1102
1102
  position: absolute;
1103
1103
  height: 100%;
1104
1104
  background: var(--yd-color-primary-500);
1105
1105
  border-radius: var(--yd-radius-full);
1106
1106
  transition: none;
1107
1107
  }
1108
- .yd-slider__handle[data-v-ad53f18b] {
1108
+ .yd-slider__handle[data-v-51e82523] {
1109
1109
  position: absolute;
1110
1110
  top: 50%;
1111
1111
  width: 18px;
1112
1112
  height: 18px;
1113
- background: #fff;
1113
+ background: var(--yd-color-bg);
1114
1114
  border: 2px solid var(--yd-color-primary-500);
1115
1115
  border-radius: 50%;
1116
1116
  transform: translate(-50%, -50%);
@@ -1118,35 +1118,55 @@ to {
1118
1118
  transition: box-shadow var(--yd-transition-fast);
1119
1119
  box-shadow: var(--yd-shadow-sm);
1120
1120
  }
1121
- .yd-slider__handle[data-v-ad53f18b]:hover {
1121
+ .yd-slider__handle[data-v-51e82523]:hover {
1122
1122
  box-shadow: 0 0 0 4px var(--yd-color-primary-100);
1123
1123
  }
1124
- .yd-slider__tooltip[data-v-ad53f18b] {
1124
+ .yd-slider__tooltip[data-v-51e82523] {
1125
1125
  position: absolute;
1126
1126
  bottom: 100%;
1127
1127
  left: 0;
1128
1128
  transform: translateX(-50%);
1129
1129
  padding: 2px 8px;
1130
1130
  background: var(--yd-color-neutral-800);
1131
- color: #fff;
1131
+ color: var(--yd-color-bg);
1132
+ font-size: var(--yd-font-size-xs);
1133
+ border-radius: var(--yd-radius-sm);
1134
+ margin-bottom: 8px;
1135
+ white-space: nowrap;
1136
+ }
1137
+ .yd-slider__handle[data-v-51e82523]:hover {
1138
+ box-shadow: 0 0 0 4px var(--yd-color-primary-100);
1139
+ }
1140
+ .yd-slider__tooltip[data-v-51e82523] {
1141
+ position: absolute;
1142
+ bottom: 100%;
1143
+ left: 0;
1144
+ transform: translateX(-50%);
1145
+ padding: 2px 8px;
1146
+ background: var(--yd-color-neutral-800);
1147
+ color: var(--yd-color-bg);
1132
1148
  font-size: var(--yd-font-size-xs);
1133
1149
  border-radius: var(--yd-radius-sm);
1134
1150
  margin-bottom: 8px;
1135
1151
  white-space: nowrap;
1136
1152
  }
1137
- .yd-slider--disabled[data-v-ad53f18b] {
1153
+ .yd-slider--disabled[data-v-51e82523] {
1138
1154
  pointer-events: none;
1139
1155
  opacity: 0.6;
1140
1156
  }
1141
- .yd-slider--disabled .yd-slider__handle[data-v-ad53f18b] {
1157
+ .yd-slider--disabled[data-v-51e82523] {
1158
+ pointer-events: none;
1159
+ opacity: 0.6;
1160
+ }
1161
+ .yd-slider--disabled .yd-slider__handle[data-v-51e82523] {
1142
1162
  cursor: not-allowed;
1143
1163
  }
1144
1164
 
1145
- .yd-date-picker[data-v-7cec74da] {
1165
+ .yd-date-picker[data-v-6e664fd9] {
1146
1166
  position: relative;
1147
1167
  display: inline-block;
1148
1168
  }
1149
- .yd-date-picker__input[data-v-7cec74da] {
1169
+ .yd-date-picker__input[data-v-6e664fd9] {
1150
1170
  padding: var(--yd-spacing-sm) var(--yd-spacing-xl) var(--yd-spacing-sm) var(--yd-spacing-base);
1151
1171
  border: 1px solid var(--yd-color-border);
1152
1172
  border-radius: var(--yd-radius-base);
@@ -1156,14 +1176,14 @@ to {
1156
1176
  cursor: pointer;
1157
1177
  width: 200px;
1158
1178
  }
1159
- .yd-date-picker__icon[data-v-7cec74da] {
1179
+ .yd-date-picker__icon[data-v-6e664fd9] {
1160
1180
  position: absolute;
1161
1181
  right: var(--yd-spacing-sm);
1162
1182
  top: 50%;
1163
1183
  transform: translateY(-50%);
1164
1184
  cursor: pointer;
1165
1185
  }
1166
- .yd-date-picker__panel[data-v-7cec74da] {
1186
+ .yd-date-picker__panel[data-v-6e664fd9] {
1167
1187
  padding: var(--yd-spacing-base);
1168
1188
  background: var(--yd-color-bg);
1169
1189
  border: 1px solid var(--yd-color-border);
@@ -1171,18 +1191,18 @@ to {
1171
1191
  box-shadow: var(--yd-shadow-lg);
1172
1192
  width: 280px;
1173
1193
  }
1174
- .yd-date-picker__view[data-v-7cec74da] {
1194
+ .yd-date-picker__view[data-v-6e664fd9] {
1175
1195
  min-height: 240px;
1176
1196
  }
1177
- .yd-date-picker__header[data-v-7cec74da],
1178
- .yd-date-picker__view-header[data-v-7cec74da] {
1197
+ .yd-date-picker__header[data-v-6e664fd9],
1198
+ .yd-date-picker__view-header[data-v-6e664fd9] {
1179
1199
  display: flex;
1180
1200
  align-items: center;
1181
1201
  justify-content: space-between;
1182
1202
  margin-bottom: var(--yd-spacing-sm);
1183
1203
  }
1184
- .yd-date-picker__header button[data-v-7cec74da],
1185
- .yd-date-picker__view-header button[data-v-7cec74da] {
1204
+ .yd-date-picker__header button[data-v-6e664fd9],
1205
+ .yd-date-picker__view-header button[data-v-6e664fd9] {
1186
1206
  background: none;
1187
1207
  border: none;
1188
1208
  cursor: pointer;
@@ -1190,10 +1210,10 @@ to {
1190
1210
  color: var(--yd-color-fg);
1191
1211
  padding: 0 var(--yd-spacing-sm);
1192
1212
  }
1193
- .yd-date-picker__header span[data-v-7cec74da] {
1213
+ .yd-date-picker__header span[data-v-6e664fd9] {
1194
1214
  font-weight: var(--yd-font-weight-medium);
1195
1215
  }
1196
- .yd-date-picker__weekdays[data-v-7cec74da] {
1216
+ .yd-date-picker__weekdays[data-v-6e664fd9] {
1197
1217
  display: grid;
1198
1218
  grid-template-columns: repeat(7, 1fr);
1199
1219
  text-align: center;
@@ -1201,12 +1221,12 @@ to {
1201
1221
  color: var(--yd-color-muted-fg);
1202
1222
  margin-bottom: var(--yd-spacing-xs);
1203
1223
  }
1204
- .yd-date-picker__days[data-v-7cec74da] {
1224
+ .yd-date-picker__days[data-v-6e664fd9] {
1205
1225
  display: grid;
1206
1226
  grid-template-columns: repeat(7, 1fr);
1207
1227
  gap: 2px;
1208
1228
  }
1209
- .yd-date-picker__day[data-v-7cec74da] {
1229
+ .yd-date-picker__day[data-v-6e664fd9] {
1210
1230
  display: flex;
1211
1231
  align-items: center;
1212
1232
  justify-content: center;
@@ -1219,32 +1239,32 @@ to {
1219
1239
  color: var(--yd-color-fg);
1220
1240
  transition: all var(--yd-transition-fast);
1221
1241
  }
1222
- .yd-date-picker__day[data-v-7cec74da]:hover:not(:disabled) {
1242
+ .yd-date-picker__day[data-v-6e664fd9]:hover:not(:disabled) {
1223
1243
  background: var(--yd-color-muted);
1224
1244
  }
1225
- .yd-date-picker__day--other[data-v-7cec74da] {
1245
+ .yd-date-picker__day--other[data-v-6e664fd9] {
1226
1246
  color: var(--yd-color-muted-fg);
1227
1247
  }
1228
- .yd-date-picker__day--selected[data-v-7cec74da] {
1248
+ .yd-date-picker__day--selected[data-v-6e664fd9] {
1229
1249
  background: var(--yd-color-primary-500);
1230
- color: #fff;
1250
+ color: var(--yd-color-bg);
1231
1251
  }
1232
- .yd-date-picker__day--today[data-v-7cec74da] {
1252
+ .yd-date-picker__day--today[data-v-6e664fd9] {
1233
1253
  font-weight: var(--yd-font-weight-bold);
1234
1254
  border: 1px solid var(--yd-color-primary-500);
1235
1255
  }
1236
- .yd-date-picker__day[data-v-7cec74da]:disabled {
1256
+ .yd-date-picker__day[data-v-6e664fd9]:disabled {
1237
1257
  opacity: 0.3;
1238
1258
  cursor: default;
1239
1259
  }
1240
- .yd-date-picker__years[data-v-7cec74da],
1241
- .yd-date-picker__months[data-v-7cec74da] {
1260
+ .yd-date-picker__years[data-v-6e664fd9],
1261
+ .yd-date-picker__months[data-v-6e664fd9] {
1242
1262
  display: grid;
1243
1263
  grid-template-columns: repeat(3, 1fr);
1244
1264
  gap: var(--yd-spacing-sm);
1245
1265
  }
1246
- .yd-date-picker__year[data-v-7cec74da],
1247
- .yd-date-picker__month[data-v-7cec74da] {
1266
+ .yd-date-picker__year[data-v-6e664fd9],
1267
+ .yd-date-picker__month[data-v-6e664fd9] {
1248
1268
  display: flex;
1249
1269
  align-items: center;
1250
1270
  justify-content: center;
@@ -1257,21 +1277,21 @@ to {
1257
1277
  color: var(--yd-color-fg);
1258
1278
  transition: all var(--yd-transition-fast);
1259
1279
  }
1260
- .yd-date-picker__year[data-v-7cec74da]:hover,
1261
- .yd-date-picker__month[data-v-7cec74da]:hover {
1280
+ .yd-date-picker__year[data-v-6e664fd9]:hover,
1281
+ .yd-date-picker__month[data-v-6e664fd9]:hover {
1262
1282
  background: var(--yd-color-muted);
1263
1283
  }
1264
- .yd-date-picker__year--selected[data-v-7cec74da],
1265
- .yd-date-picker__month--selected[data-v-7cec74da] {
1284
+ .yd-date-picker__year--selected[data-v-6e664fd9],
1285
+ .yd-date-picker__month--selected[data-v-6e664fd9] {
1266
1286
  background: var(--yd-color-primary-500);
1267
- color: #fff;
1287
+ color: var(--yd-color-bg);
1268
1288
  }
1269
1289
 
1270
- .yd-date-range[data-v-3a1246c0] {
1290
+ .yd-date-range[data-v-c307df48] {
1271
1291
  position: relative;
1272
1292
  display: inline-block;
1273
1293
  }
1274
- .yd-date-range__input[data-v-3a1246c0] {
1294
+ .yd-date-range__input[data-v-c307df48] {
1275
1295
  padding: var(--yd-spacing-sm) var(--yd-spacing-xl) var(--yd-spacing-sm) var(--yd-spacing-base);
1276
1296
  border: 1px solid var(--yd-color-border);
1277
1297
  border-radius: var(--yd-radius-base);
@@ -1281,14 +1301,14 @@ to {
1281
1301
  cursor: pointer;
1282
1302
  width: 240px;
1283
1303
  }
1284
- .yd-date-range__icon[data-v-3a1246c0] {
1304
+ .yd-date-range__icon[data-v-c307df48] {
1285
1305
  position: absolute;
1286
1306
  right: var(--yd-spacing-sm);
1287
1307
  top: 50%;
1288
1308
  transform: translateY(-50%);
1289
1309
  pointer-events: none;
1290
1310
  }
1291
- .yd-date-range__panel[data-v-3a1246c0] {
1311
+ .yd-date-range__panel[data-v-c307df48] {
1292
1312
  padding: var(--yd-spacing-base);
1293
1313
  background: var(--yd-color-bg);
1294
1314
  border: 1px solid var(--yd-color-border);
@@ -1296,13 +1316,13 @@ to {
1296
1316
  box-shadow: var(--yd-shadow-lg);
1297
1317
  width: 280px;
1298
1318
  }
1299
- .yd-date-range__header[data-v-3a1246c0] {
1319
+ .yd-date-range__header[data-v-c307df48] {
1300
1320
  display: flex;
1301
1321
  align-items: center;
1302
1322
  justify-content: space-between;
1303
1323
  margin-bottom: var(--yd-spacing-sm);
1304
1324
  }
1305
- .yd-date-range__header button[data-v-3a1246c0] {
1325
+ .yd-date-range__header button[data-v-c307df48] {
1306
1326
  background: none;
1307
1327
  border: none;
1308
1328
  cursor: pointer;
@@ -1310,10 +1330,10 @@ to {
1310
1330
  color: var(--yd-color-fg);
1311
1331
  padding: 0 var(--yd-spacing-sm);
1312
1332
  }
1313
- .yd-date-range__header span[data-v-3a1246c0] {
1333
+ .yd-date-range__header span[data-v-c307df48] {
1314
1334
  font-weight: var(--yd-font-weight-medium);
1315
1335
  }
1316
- .yd-date-range__weekdays[data-v-3a1246c0] {
1336
+ .yd-date-range__weekdays[data-v-c307df48] {
1317
1337
  display: grid;
1318
1338
  grid-template-columns: repeat(7, 1fr);
1319
1339
  text-align: center;
@@ -1321,12 +1341,12 @@ to {
1321
1341
  color: var(--yd-color-muted-fg);
1322
1342
  margin-bottom: var(--yd-spacing-xs);
1323
1343
  }
1324
- .yd-date-range__days[data-v-3a1246c0] {
1344
+ .yd-date-range__days[data-v-c307df48] {
1325
1345
  display: grid;
1326
1346
  grid-template-columns: repeat(7, 1fr);
1327
1347
  gap: 2px;
1328
1348
  }
1329
- .yd-date-range__day[data-v-3a1246c0] {
1349
+ .yd-date-range__day[data-v-c307df48] {
1330
1350
  display: flex;
1331
1351
  align-items: center;
1332
1352
  justify-content: center;
@@ -1341,43 +1361,43 @@ to {
1341
1361
  position: relative;
1342
1362
  z-index: 1;
1343
1363
  }
1344
- .yd-date-range__day[data-v-3a1246c0]:hover:not(:disabled) {
1364
+ .yd-date-range__day[data-v-c307df48]:hover:not(:disabled) {
1345
1365
  background: var(--yd-color-muted);
1346
1366
  }
1347
- .yd-date-range__day--other[data-v-3a1246c0] {
1367
+ .yd-date-range__day--other[data-v-c307df48] {
1348
1368
  color: var(--yd-color-muted-fg);
1349
1369
  }
1350
- .yd-date-range__day--in-range[data-v-3a1246c0] {
1370
+ .yd-date-range__day--in-range[data-v-c307df48] {
1351
1371
  background: var(--yd-color-primary-100);
1352
1372
  border-radius: 0;
1353
1373
  }
1354
- .yd-date-range__day--start[data-v-3a1246c0] {
1374
+ .yd-date-range__day--start[data-v-c307df48] {
1355
1375
  background: var(--yd-color-primary-500);
1356
- color: #fff;
1376
+ color: var(--yd-color-bg);
1357
1377
  border-radius: var(--yd-radius-sm) 0 0 var(--yd-radius-sm);
1358
1378
  }
1359
- .yd-date-range__day--end[data-v-3a1246c0] {
1379
+ .yd-date-range__day--end[data-v-c307df48] {
1360
1380
  background: var(--yd-color-primary-500);
1361
- color: #fff;
1381
+ color: var(--yd-color-bg);
1362
1382
  border-radius: 0 var(--yd-radius-sm) var(--yd-radius-sm) 0;
1363
1383
  }
1364
- .yd-date-range__day--start.yd-date-range__day--end[data-v-3a1246c0] {
1384
+ .yd-date-range__day--start.yd-date-range__day--end[data-v-c307df48] {
1365
1385
  border-radius: var(--yd-radius-sm);
1366
1386
  }
1367
- .yd-date-range__day--today[data-v-3a1246c0] {
1387
+ .yd-date-range__day--today[data-v-c307df48] {
1368
1388
  font-weight: var(--yd-font-weight-bold);
1369
1389
  border: 1px solid var(--yd-color-primary-500);
1370
1390
  }
1371
- .yd-date-range__day[data-v-3a1246c0]:disabled {
1391
+ .yd-date-range__day[data-v-c307df48]:disabled {
1372
1392
  opacity: 0.3;
1373
1393
  cursor: default;
1374
1394
  }
1375
1395
 
1376
- .yd-time-picker[data-v-71c12ad9] {
1396
+ .yd-time-picker[data-v-a6fe401a] {
1377
1397
  position: relative;
1378
1398
  display: inline-block;
1379
1399
  }
1380
- .yd-time-picker__input[data-v-71c12ad9] {
1400
+ .yd-time-picker__input[data-v-a6fe401a] {
1381
1401
  padding: var(--yd-spacing-sm) var(--yd-spacing-base);
1382
1402
  border: 1px solid var(--yd-color-border);
1383
1403
  border-radius: var(--yd-radius-base);
@@ -1387,7 +1407,7 @@ to {
1387
1407
  cursor: pointer;
1388
1408
  width: 140px;
1389
1409
  }
1390
- .yd-time-picker__panel[data-v-71c12ad9] {
1410
+ .yd-time-picker__panel[data-v-a6fe401a] {
1391
1411
  position: absolute;
1392
1412
  top: 100%;
1393
1413
  left: 0;
@@ -1399,18 +1419,18 @@ to {
1399
1419
  border-radius: var(--yd-radius-md);
1400
1420
  box-shadow: var(--yd-shadow-lg);
1401
1421
  }
1402
- .yd-time-picker__columns[data-v-71c12ad9] {
1422
+ .yd-time-picker__columns[data-v-a6fe401a] {
1403
1423
  display: flex;
1404
1424
  gap: var(--yd-spacing-sm);
1405
1425
  }
1406
- .yd-time-picker__column[data-v-71c12ad9] {
1426
+ .yd-time-picker__column[data-v-a6fe401a] {
1407
1427
  width: 56px;
1408
1428
  height: 180px;
1409
1429
  overflow-y: auto;
1410
1430
  border: 1px solid var(--yd-color-border);
1411
1431
  border-radius: var(--yd-radius-sm);
1412
1432
  }
1413
- .yd-time-picker__item[data-v-71c12ad9] {
1433
+ .yd-time-picker__item[data-v-a6fe401a] {
1414
1434
  display: flex;
1415
1435
  align-items: center;
1416
1436
  justify-content: center;
@@ -1420,12 +1440,12 @@ to {
1420
1440
  color: var(--yd-color-fg);
1421
1441
  transition: all var(--yd-transition-fast);
1422
1442
  }
1423
- .yd-time-picker__item[data-v-71c12ad9]:hover {
1443
+ .yd-time-picker__item[data-v-a6fe401a]:hover {
1424
1444
  background: var(--yd-color-muted);
1425
1445
  }
1426
- .yd-time-picker__item--active[data-v-71c12ad9] {
1446
+ .yd-time-picker__item--active[data-v-a6fe401a] {
1427
1447
  background: var(--yd-color-primary-500);
1428
- color: #fff;
1448
+ color: var(--yd-color-bg);
1429
1449
  }
1430
1450
 
1431
1451
  .yd-cascader[data-v-01225c10] {
@@ -1704,7 +1724,7 @@ to {
1704
1724
  color: var(--yd-color-muted-fg);
1705
1725
  }
1706
1726
 
1707
- .yd-captcha[data-v-90356070] {
1727
+ .yd-captcha[data-v-0ad64f93] {
1708
1728
  display: inline-block;
1709
1729
  cursor: pointer;
1710
1730
  border-radius: var(--yd-radius-sm);
@@ -1712,14 +1732,18 @@ to {
1712
1732
  border: 1px solid var(--yd-color-border);
1713
1733
  transition: border-color var(--yd-transition-fast);
1714
1734
  }
1715
- .yd-captcha[data-v-90356070]:hover {
1735
+ .yd-captcha[data-v-0ad64f93]:hover {
1716
1736
  border-color: var(--yd-color-primary-500);
1717
1737
  }
1718
- .yd-captcha__canvas[data-v-90356070] {
1738
+ .yd-captcha__canvas[data-v-0ad64f93] {
1719
1739
  display: block;
1720
1740
  }
1741
+ .yd-captcha__image[data-v-0ad64f93] {
1742
+ display: block;
1743
+ object-fit: contain;
1744
+ }
1721
1745
 
1722
- .yd-login[data-v-4d9537f6] {
1746
+ .yd-login[data-v-bea2a0a0] {
1723
1747
  position: relative;
1724
1748
  width: 100%;
1725
1749
  min-height: 100vh;
@@ -1729,13 +1753,13 @@ to {
1729
1753
  background: var(--yd-color-muted);
1730
1754
  overflow: hidden;
1731
1755
  }
1732
- .yd-login__bg[data-v-4d9537f6] {
1756
+ .yd-login__bg[data-v-bea2a0a0] {
1733
1757
  position: absolute;
1734
1758
  inset: 0;
1735
1759
  overflow: hidden;
1736
1760
  pointer-events: none;
1737
1761
  }
1738
- .yd-login__bg-circle[data-v-4d9537f6] {
1762
+ .yd-login__bg-circle[data-v-bea2a0a0] {
1739
1763
  position: absolute;
1740
1764
  width: 400px;
1741
1765
  height: 400px;
@@ -1747,7 +1771,7 @@ to {
1747
1771
  right: -100px;
1748
1772
  bottom: -100px;
1749
1773
  }
1750
- .yd-login__container[data-v-4d9537f6] {
1774
+ .yd-login__container[data-v-bea2a0a0] {
1751
1775
  position: relative;
1752
1776
  z-index: 1;
1753
1777
  display: flex;
@@ -1759,7 +1783,7 @@ to {
1759
1783
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
1760
1784
  overflow: hidden;
1761
1785
  }
1762
- .yd-login__brand[data-v-4d9537f6] {
1786
+ .yd-login__brand[data-v-bea2a0a0] {
1763
1787
  flex: 1;
1764
1788
  background: linear-gradient(135deg, var(--yd-color-primary-600), var(--yd-color-primary-800));
1765
1789
  color: #fff;
@@ -1768,64 +1792,64 @@ to {
1768
1792
  justify-content: center;
1769
1793
  padding: var(--yd-spacing-xl);
1770
1794
  }
1771
- .yd-login__brand-content[data-v-4d9537f6] {
1795
+ .yd-login__brand-content[data-v-bea2a0a0] {
1772
1796
  max-width: 400px;
1773
1797
  }
1774
- .yd-login__logo[data-v-4d9537f6] {
1798
+ .yd-login__logo[data-v-bea2a0a0] {
1775
1799
  margin-bottom: var(--yd-spacing-lg);
1776
1800
  }
1777
- .yd-login__logo-icon[data-v-4d9537f6] {
1801
+ .yd-login__logo-icon[data-v-bea2a0a0] {
1778
1802
  font-size: 48px;
1779
1803
  }
1780
- .yd-login__title[data-v-4d9537f6] {
1804
+ .yd-login__title[data-v-bea2a0a0] {
1781
1805
  font-size: 32px;
1782
1806
  font-weight: 700;
1783
1807
  margin: 0 0 var(--yd-spacing-sm);
1784
1808
  }
1785
- .yd-login__subtitle[data-v-4d9537f6] {
1809
+ .yd-login__subtitle[data-v-bea2a0a0] {
1786
1810
  font-size: var(--yd-font-size-base);
1787
1811
  opacity: 0.8;
1788
1812
  margin: 0 0 var(--yd-spacing-xl);
1789
1813
  }
1790
- .yd-login__features[data-v-4d9537f6] {
1814
+ .yd-login__features[data-v-bea2a0a0] {
1791
1815
  display: flex;
1792
1816
  flex-direction: column;
1793
1817
  gap: var(--yd-spacing-md);
1794
1818
  }
1795
- .yd-login__feature[data-v-4d9537f6] {
1819
+ .yd-login__feature[data-v-bea2a0a0] {
1796
1820
  display: flex;
1797
1821
  align-items: center;
1798
1822
  gap: var(--yd-spacing-sm);
1799
1823
  font-size: var(--yd-font-size-sm);
1800
1824
  opacity: 0.9;
1801
1825
  }
1802
- .yd-login__feature-icon[data-v-4d9537f6] {
1826
+ .yd-login__feature-icon[data-v-bea2a0a0] {
1803
1827
  font-size: 20px;
1804
1828
  }
1805
- .yd-login__form-section[data-v-4d9537f6] {
1829
+ .yd-login__form-section[data-v-bea2a0a0] {
1806
1830
  flex: 1;
1807
1831
  display: flex;
1808
1832
  align-items: center;
1809
1833
  justify-content: center;
1810
1834
  padding: var(--yd-spacing-xl);
1811
1835
  }
1812
- .yd-login__form-card[data-v-4d9537f6] {
1836
+ .yd-login__form-card[data-v-bea2a0a0] {
1813
1837
  width: 100%;
1814
1838
  max-width: 400px;
1815
1839
  }
1816
- .yd-login__form-title[data-v-4d9537f6] {
1840
+ .yd-login__form-title[data-v-bea2a0a0] {
1817
1841
  font-size: 24px;
1818
1842
  font-weight: 600;
1819
1843
  color: var(--yd-color-fg);
1820
1844
  margin: 0 0 var(--yd-spacing-lg);
1821
1845
  }
1822
- .yd-login__tabs[data-v-4d9537f6] {
1846
+ .yd-login__tabs[data-v-bea2a0a0] {
1823
1847
  display: flex;
1824
1848
  gap: var(--yd-spacing-lg);
1825
1849
  margin-bottom: var(--yd-spacing-lg);
1826
1850
  border-bottom: 1px solid var(--yd-color-border);
1827
1851
  }
1828
- .yd-login__tab[data-v-4d9537f6] {
1852
+ .yd-login__tab[data-v-bea2a0a0] {
1829
1853
  padding: var(--yd-spacing-sm) 0;
1830
1854
  border: none;
1831
1855
  background: none;
@@ -1835,14 +1859,14 @@ to {
1835
1859
  position: relative;
1836
1860
  transition: color var(--yd-transition-fast);
1837
1861
  }
1838
- .yd-login__tab[data-v-4d9537f6]:hover {
1862
+ .yd-login__tab[data-v-bea2a0a0]:hover {
1839
1863
  color: var(--yd-color-fg);
1840
1864
  }
1841
- .yd-login__tab--active[data-v-4d9537f6] {
1865
+ .yd-login__tab--active[data-v-bea2a0a0] {
1842
1866
  color: var(--yd-color-primary-600);
1843
1867
  font-weight: var(--yd-font-weight-medium);
1844
1868
  }
1845
- .yd-login__tab--active[data-v-4d9537f6]::after {
1869
+ .yd-login__tab--active[data-v-bea2a0a0]::after {
1846
1870
  content: "";
1847
1871
  position: absolute;
1848
1872
  bottom: -1px;
@@ -1851,16 +1875,16 @@ to {
1851
1875
  height: 2px;
1852
1876
  background: var(--yd-color-primary-500);
1853
1877
  }
1854
- .yd-login__form[data-v-4d9537f6] {
1878
+ .yd-login__form[data-v-bea2a0a0] {
1855
1879
  display: flex;
1856
1880
  flex-direction: column;
1857
1881
  gap: var(--yd-spacing-md);
1858
1882
  }
1859
- .yd-login__field[data-v-4d9537f6] {
1883
+ .yd-login__field[data-v-bea2a0a0] {
1860
1884
  display: flex;
1861
1885
  flex-direction: column;
1862
1886
  }
1863
- .yd-login__input-wrapper[data-v-4d9537f6] {
1887
+ .yd-login__input-wrapper[data-v-bea2a0a0] {
1864
1888
  display: flex;
1865
1889
  align-items: center;
1866
1890
  border: 1px solid var(--yd-color-border);
@@ -1869,15 +1893,15 @@ to {
1869
1893
  transition: border-color var(--yd-transition-fast);
1870
1894
  background: var(--yd-color-bg);
1871
1895
  }
1872
- .yd-login__input-wrapper[data-v-4d9537f6]:focus-within {
1896
+ .yd-login__input-wrapper[data-v-bea2a0a0]:focus-within {
1873
1897
  border-color: var(--yd-color-primary-500);
1874
1898
  box-shadow: 0 0 0 3px var(--yd-color-primary-100);
1875
1899
  }
1876
- .yd-login__input-icon[data-v-4d9537f6] {
1900
+ .yd-login__input-icon[data-v-bea2a0a0] {
1877
1901
  font-size: 16px;
1878
1902
  flex-shrink: 0;
1879
1903
  }
1880
- .yd-login__input[data-v-4d9537f6] {
1904
+ .yd-login__input[data-v-bea2a0a0] {
1881
1905
  flex: 1;
1882
1906
  border: none;
1883
1907
  outline: none;
@@ -1886,17 +1910,17 @@ to {
1886
1910
  background: transparent;
1887
1911
  color: var(--yd-color-fg);
1888
1912
  }
1889
- .yd-login__input[data-v-4d9537f6]::placeholder {
1913
+ .yd-login__input[data-v-bea2a0a0]::placeholder {
1890
1914
  color: var(--yd-color-muted-fg);
1891
1915
  }
1892
- .yd-login__toggle-pwd[data-v-4d9537f6] {
1916
+ .yd-login__toggle-pwd[data-v-bea2a0a0] {
1893
1917
  background: none;
1894
1918
  border: none;
1895
1919
  cursor: pointer;
1896
1920
  font-size: 16px;
1897
1921
  padding: 4px;
1898
1922
  }
1899
- .yd-login__send-code[data-v-4d9537f6] {
1923
+ .yd-login__send-code[data-v-bea2a0a0] {
1900
1924
  background: none;
1901
1925
  border: none;
1902
1926
  cursor: pointer;
@@ -1906,44 +1930,44 @@ to {
1906
1930
  white-space: nowrap;
1907
1931
  flex-shrink: 0;
1908
1932
  }
1909
- .yd-login__send-code[data-v-4d9537f6]:hover:not(:disabled) {
1933
+ .yd-login__send-code[data-v-bea2a0a0]:hover:not(:disabled) {
1910
1934
  color: var(--yd-color-primary-600);
1911
1935
  }
1912
- .yd-login__send-code--disabled[data-v-4d9537f6] {
1936
+ .yd-login__send-code--disabled[data-v-bea2a0a0] {
1913
1937
  color: var(--yd-color-muted-fg);
1914
1938
  cursor: not-allowed;
1915
1939
  }
1916
- .yd-login__captcha-row[data-v-4d9537f6] {
1940
+ .yd-login__captcha-row[data-v-bea2a0a0] {
1917
1941
  display: flex;
1918
1942
  gap: var(--yd-spacing-sm);
1919
1943
  align-items: center;
1920
1944
  }
1921
- .yd-login__captcha-img[data-v-4d9537f6] {
1945
+ .yd-login__captcha-img[data-v-bea2a0a0] {
1922
1946
  flex-shrink: 0;
1923
1947
  }
1924
- .yd-login__options[data-v-4d9537f6] {
1948
+ .yd-login__options[data-v-bea2a0a0] {
1925
1949
  display: flex;
1926
1950
  align-items: center;
1927
1951
  justify-content: space-between;
1928
1952
  font-size: var(--yd-font-size-sm);
1929
1953
  }
1930
- .yd-login__remember[data-v-4d9537f6] {
1954
+ .yd-login__remember[data-v-bea2a0a0] {
1931
1955
  display: flex;
1932
1956
  align-items: center;
1933
1957
  gap: var(--yd-spacing-xs);
1934
1958
  color: var(--yd-color-muted-fg);
1935
1959
  cursor: pointer;
1936
1960
  }
1937
- .yd-login__forgot[data-v-4d9537f6] {
1961
+ .yd-login__forgot[data-v-bea2a0a0] {
1938
1962
  color: var(--yd-color-primary-500);
1939
1963
  text-decoration: none;
1940
1964
  transition: color var(--yd-transition-fast);
1941
1965
  }
1942
- .yd-login__forgot[data-v-4d9537f6]:hover {
1966
+ .yd-login__forgot[data-v-bea2a0a0]:hover {
1943
1967
  color: var(--yd-color-primary-600);
1944
1968
  text-decoration: underline;
1945
1969
  }
1946
- .yd-login__error[data-v-4d9537f6] {
1970
+ .yd-login__error[data-v-bea2a0a0] {
1947
1971
  display: flex;
1948
1972
  align-items: center;
1949
1973
  gap: var(--yd-spacing-xs);
@@ -1953,7 +1977,7 @@ to {
1953
1977
  border-radius: var(--yd-radius-sm);
1954
1978
  font-size: var(--yd-font-size-sm);
1955
1979
  }
1956
- .yd-login__submit[data-v-4d9537f6] {
1980
+ .yd-login__submit[data-v-bea2a0a0] {
1957
1981
  width: 100%;
1958
1982
  padding: var(--yd-spacing-sm);
1959
1983
  border: none;
@@ -1969,27 +1993,27 @@ to {
1969
1993
  justify-content: center;
1970
1994
  gap: var(--yd-spacing-xs);
1971
1995
  }
1972
- .yd-login__submit[data-v-4d9537f6]:hover:not(:disabled) {
1996
+ .yd-login__submit[data-v-bea2a0a0]:hover:not(:disabled) {
1973
1997
  background: var(--yd-color-primary-600);
1974
1998
  }
1975
- .yd-login__submit[data-v-4d9537f6]:disabled {
1999
+ .yd-login__submit[data-v-bea2a0a0]:disabled {
1976
2000
  opacity: 0.7;
1977
2001
  cursor: not-allowed;
1978
2002
  }
1979
- .yd-login__spinner[data-v-4d9537f6] {
2003
+ .yd-login__spinner[data-v-bea2a0a0] {
1980
2004
  width: 16px;
1981
2005
  height: 16px;
1982
2006
  border: 2px solid rgba(255, 255, 255, 0.3);
1983
2007
  border-top-color: #fff;
1984
2008
  border-radius: 50%;
1985
- animation: yd-spin-4d9537f6 0.6s linear infinite;
2009
+ animation: yd-spin-bea2a0a0 0.6s linear infinite;
1986
2010
  }
1987
- @keyframes yd-spin-4d9537f6 {
2011
+ @keyframes yd-spin-bea2a0a0 {
1988
2012
  to {
1989
2013
  transform: rotate(360deg);
1990
2014
  }
1991
2015
  }
1992
- .yd-login__divider[data-v-4d9537f6] {
2016
+ .yd-login__divider[data-v-bea2a0a0] {
1993
2017
  display: flex;
1994
2018
  align-items: center;
1995
2019
  gap: var(--yd-spacing-sm);
@@ -1997,19 +2021,19 @@ to {
1997
2021
  color: var(--yd-color-muted-fg);
1998
2022
  font-size: var(--yd-font-size-xs);
1999
2023
  }
2000
- .yd-login__divider[data-v-4d9537f6]::before,
2001
- .yd-login__divider[data-v-4d9537f6]::after {
2024
+ .yd-login__divider[data-v-bea2a0a0]::before,
2025
+ .yd-login__divider[data-v-bea2a0a0]::after {
2002
2026
  content: "";
2003
2027
  flex: 1;
2004
2028
  height: 1px;
2005
2029
  background: var(--yd-color-border);
2006
2030
  }
2007
- .yd-login__social[data-v-4d9537f6] {
2031
+ .yd-login__social[data-v-bea2a0a0] {
2008
2032
  display: flex;
2009
2033
  justify-content: center;
2010
2034
  gap: var(--yd-spacing-md);
2011
2035
  }
2012
- .yd-login__social-btn[data-v-4d9537f6] {
2036
+ .yd-login__social-btn[data-v-bea2a0a0] {
2013
2037
  width: 40px;
2014
2038
  height: 40px;
2015
2039
  border: 1px solid var(--yd-color-border);
@@ -2022,21 +2046,21 @@ to {
2022
2046
  justify-content: center;
2023
2047
  transition: all var(--yd-transition-fast);
2024
2048
  }
2025
- .yd-login__social-btn[data-v-4d9537f6]:hover {
2049
+ .yd-login__social-btn[data-v-bea2a0a0]:hover {
2026
2050
  border-color: var(--yd-color-primary-300);
2027
2051
  background: var(--yd-color-primary-50);
2028
2052
  }
2029
- .yd-login__footer-links[data-v-4d9537f6] {
2053
+ .yd-login__footer-links[data-v-bea2a0a0] {
2030
2054
  text-align: center;
2031
2055
  margin-top: var(--yd-spacing-xl);
2032
2056
  font-size: var(--yd-font-size-xs);
2033
2057
  color: var(--yd-color-muted-fg);
2034
2058
  }
2035
2059
  @media (max-width: 768px) {
2036
- .yd-login__brand[data-v-4d9537f6] {
2060
+ .yd-login__brand[data-v-bea2a0a0] {
2037
2061
  display: none;
2038
2062
  }
2039
- .yd-login__container[data-v-4d9537f6] {
2063
+ .yd-login__container[data-v-bea2a0a0] {
2040
2064
  max-width: 400px;
2041
2065
  min-height: auto;
2042
2066
  margin: var(--yd-spacing-lg);
@@ -2467,6 +2491,410 @@ to {
2467
2491
  color: var(--yd-color-error);
2468
2492
  }
2469
2493
 
2494
+ .yd-tree-select-wrapper[data-v-f36bc312] {
2495
+ position: relative;
2496
+ display: inline-flex;
2497
+ flex-direction: column;
2498
+ width: 100%;
2499
+ gap: var(--yd-spacing-sm);
2500
+ }
2501
+ .yd-tree-select__label[data-v-f36bc312] {
2502
+ font-size: var(--yd-font-size-sm);
2503
+ font-weight: var(--yd-font-weight-medium);
2504
+ color: var(--yd-color-fg);
2505
+ }
2506
+ .yd-tree-select__required[data-v-f36bc312] {
2507
+ color: var(--yd-color-error);
2508
+ margin-left: 2px;
2509
+ }
2510
+ .yd-tree-select__control[data-v-f36bc312] {
2511
+ position: relative;
2512
+ display: flex;
2513
+ align-items: center;
2514
+ cursor: pointer;
2515
+ }
2516
+ .yd-tree-select__input[data-v-f36bc312],
2517
+ .yd-tree-select__display[data-v-f36bc312] {
2518
+ width: 100%;
2519
+ padding: var(--yd-spacing-sm) var(--yd-spacing-xl) var(--yd-spacing-sm) var(--yd-spacing-base);
2520
+ border: none;
2521
+ outline: none;
2522
+ background: transparent;
2523
+ font-family: var(--yd-font-sans);
2524
+ font-size: var(--yd-font-size-base);
2525
+ color: var(--yd-color-fg);
2526
+ }
2527
+ .yd-tree-select__display--placeholder[data-v-f36bc312] {
2528
+ color: var(--yd-color-muted-fg);
2529
+ }
2530
+ .yd-tree-select__clear[data-v-f36bc312] {
2531
+ position: absolute;
2532
+ right: var(--yd-spacing-xl);
2533
+ cursor: pointer;
2534
+ color: var(--yd-color-muted-fg);
2535
+ display: flex;
2536
+ align-items: center;
2537
+ transition: color var(--yd-transition-fast);
2538
+ }
2539
+ .yd-tree-select__clear[data-v-f36bc312]:hover {
2540
+ color: var(--yd-color-fg);
2541
+ }
2542
+ .yd-tree-select__arrow[data-v-f36bc312] {
2543
+ position: absolute;
2544
+ right: var(--yd-spacing-sm);
2545
+ pointer-events: none;
2546
+ color: var(--yd-color-muted-fg);
2547
+ display: flex;
2548
+ align-items: center;
2549
+ }
2550
+ .yd-tree-select__message[data-v-f36bc312] {
2551
+ font-size: var(--yd-font-size-xs);
2552
+ color: var(--yd-color-muted-fg);
2553
+ }
2554
+ .yd-tree-select__message--error[data-v-f36bc312] {
2555
+ color: var(--yd-color-error);
2556
+ }
2557
+
2558
+ /* Wrapper variants */
2559
+ .yd-tree-select-wrapper--default .yd-tree-select__input[data-v-f36bc312],
2560
+ .yd-tree-select-wrapper--default .yd-tree-select__display[data-v-f36bc312] {
2561
+ border-bottom: 1px solid var(--yd-color-border);
2562
+ }
2563
+ .yd-tree-select-wrapper--bordered .yd-tree-select__input[data-v-f36bc312],
2564
+ .yd-tree-select-wrapper--bordered .yd-tree-select__display[data-v-f36bc312] {
2565
+ border: 1px solid var(--yd-color-border);
2566
+ border-radius: var(--yd-radius-base);
2567
+ }
2568
+ .yd-tree-select-wrapper--filled .yd-tree-select__input[data-v-f36bc312],
2569
+ .yd-tree-select-wrapper--filled .yd-tree-select__display[data-v-f36bc312] {
2570
+ background: var(--yd-color-muted);
2571
+ border-radius: var(--yd-radius-base);
2572
+ }
2573
+ .yd-tree-select-wrapper--disabled[data-v-f36bc312] {
2574
+ opacity: 0.6;
2575
+ pointer-events: none;
2576
+ }
2577
+ .yd-tree-select-wrapper--error.yd-tree-select-wrapper--bordered .yd-tree-select__input[data-v-f36bc312],
2578
+ .yd-tree-select-wrapper--error.yd-tree-select-wrapper--bordered .yd-tree-select__display[data-v-f36bc312] {
2579
+ border-color: var(--yd-color-error);
2580
+ }
2581
+
2582
+ /* Dropdown */
2583
+ .yd-tree-select__dropdown[data-v-f36bc312] {
2584
+ position: absolute;
2585
+ z-index: var(--yd-z-index-dropdown);
2586
+ background: var(--yd-color-bg);
2587
+ border-radius: var(--yd-radius-md);
2588
+ box-shadow: var(--yd-shadow-lg);
2589
+ overflow: hidden;
2590
+ will-change: opacity, transform;
2591
+ }
2592
+ .yd-tree-select__virtual-wrapper[data-v-f36bc312] {
2593
+ overflow: auto;
2594
+ }
2595
+ .yd-tree-select__tree-container[data-v-f36bc312] {
2596
+ padding: var(--yd-spacing-xs) 0;
2597
+ max-height: var(--v23cc09d6);
2598
+ overflow-y: auto;
2599
+ }
2600
+ .yd-tree-select__node[data-v-f36bc312] {
2601
+ display: flex;
2602
+ align-items: center;
2603
+ gap: var(--yd-spacing-xs);
2604
+ padding: var(--yd-spacing-xs) var(--yd-spacing-sm);
2605
+ cursor: pointer;
2606
+ font-size: var(--yd-font-size-sm);
2607
+ color: var(--yd-color-fg);
2608
+ transition: background var(--yd-transition-fast);
2609
+ }
2610
+ .yd-tree-select__node[data-v-f36bc312]:hover {
2611
+ background: var(--yd-color-muted);
2612
+ }
2613
+ .yd-tree-select__node--selected[data-v-f36bc312] {
2614
+ color: var(--yd-color-primary-600);
2615
+ font-weight: var(--yd-font-weight-medium);
2616
+ background: var(--yd-color-primary-50);
2617
+ }
2618
+ .yd-tree-select__node--disabled[data-v-f36bc312] {
2619
+ opacity: 0.5;
2620
+ cursor: not-allowed;
2621
+ }
2622
+ .yd-tree-select__node-toggle[data-v-f36bc312] {
2623
+ cursor: pointer;
2624
+ width: 16px;
2625
+ text-align: center;
2626
+ color: var(--yd-color-muted-fg);
2627
+ flex-shrink: 0;
2628
+ }
2629
+ .yd-tree-select__node-leaf[data-v-f36bc312] {
2630
+ color: var(--yd-color-muted-fg);
2631
+ width: 16px;
2632
+ text-align: center;
2633
+ }
2634
+ .yd-tree-select__node-checkbox[data-v-f36bc312] {
2635
+ display: flex;
2636
+ align-items: center;
2637
+ margin-right: var(--yd-spacing-xs);
2638
+ }
2639
+ .yd-tree-select__node-checkbox input[data-v-f36bc312] {
2640
+ cursor: pointer;
2641
+ accent-color: var(--yd-color-primary-500);
2642
+ }
2643
+ .yd-tree-select__node-title[data-v-f36bc312] {
2644
+ flex: 1;
2645
+ }
2646
+ .yd-tree-select__node-children[data-v-f36bc312] {
2647
+ padding-left: var(--yd-spacing-lg);
2648
+ }
2649
+ .yd-tree-select-dropdown-enter-active[data-v-f36bc312],
2650
+ .yd-tree-select-dropdown-leave-active[data-v-f36bc312] {
2651
+ will-change: opacity;
2652
+ transition: opacity 0.2s ease;
2653
+ }
2654
+ .yd-tree-select-dropdown-enter-from[data-v-f36bc312],
2655
+ .yd-tree-select-dropdown-leave-to[data-v-f36bc312] {
2656
+ opacity: 0;
2657
+ }
2658
+
2659
+ .yd-color-picker-wrapper[data-v-24772c45] {
2660
+ position: relative;
2661
+ display: inline-flex;
2662
+ flex-direction: column;
2663
+ width: 100%;
2664
+ gap: var(--yd-spacing-sm);
2665
+ }
2666
+ .yd-color-picker__label[data-v-24772c45] {
2667
+ font-size: var(--yd-font-size-sm);
2668
+ font-weight: var(--yd-font-weight-medium);
2669
+ color: var(--yd-color-fg);
2670
+ }
2671
+ .yd-color-picker__required[data-v-24772c45] {
2672
+ color: var(--yd-color-error);
2673
+ margin-left: 2px;
2674
+ }
2675
+ .yd-color-picker__control[data-v-24772c45] {
2676
+ position: relative;
2677
+ display: flex;
2678
+ align-items: center;
2679
+ cursor: pointer;
2680
+ gap: var(--yd-spacing-sm);
2681
+ }
2682
+ .yd-color-picker__preview[data-v-24772c45] {
2683
+ width: 24px;
2684
+ height: 24px;
2685
+ border-radius: var(--yd-radius-sm);
2686
+ border: 1px solid var(--yd-color-border);
2687
+ flex-shrink: 0;
2688
+ }
2689
+ .yd-color-picker__input[data-v-24772c45] {
2690
+ flex: 1;
2691
+ padding: var(--yd-spacing-sm) var(--yd-spacing-base);
2692
+ border: none;
2693
+ outline: none;
2694
+ background: transparent;
2695
+ font-family: var(--yd-font-sans);
2696
+ font-size: var(--yd-font-size-base);
2697
+ color: var(--yd-color-fg);
2698
+ }
2699
+ .yd-color-picker__clear[data-v-24772c45] {
2700
+ cursor: pointer;
2701
+ color: var(--yd-color-muted-fg);
2702
+ display: flex;
2703
+ align-items: center;
2704
+ transition: color var(--yd-transition-fast);
2705
+ }
2706
+ .yd-color-picker__clear[data-v-24772c45]:hover {
2707
+ color: var(--yd-color-fg);
2708
+ }
2709
+ .yd-color-picker__trigger[data-v-24772c45] {
2710
+ display: flex;
2711
+ align-items: center;
2712
+ color: var(--yd-color-muted-fg);
2713
+ }
2714
+ .yd-color-picker__message[data-v-24772c45] {
2715
+ font-size: var(--yd-font-size-xs);
2716
+ color: var(--yd-color-muted-fg);
2717
+ }
2718
+ .yd-color-picker__message--error[data-v-24772c45] {
2719
+ color: var(--yd-color-error);
2720
+ }
2721
+
2722
+ /* Wrapper variants */
2723
+ .yd-color-picker-wrapper--default .yd-color-picker__input[data-v-24772c45] {
2724
+ border-bottom: 1px solid var(--yd-color-border);
2725
+ }
2726
+ .yd-color-picker-wrapper--bordered .yd-color-picker__input[data-v-24772c45] {
2727
+ border: 1px solid var(--yd-color-border);
2728
+ border-radius: var(--yd-radius-base);
2729
+ }
2730
+ .yd-color-picker-wrapper--filled .yd-color-picker__input[data-v-24772c45] {
2731
+ background: var(--yd-color-muted);
2732
+ border-radius: var(--yd-radius-base);
2733
+ }
2734
+ .yd-color-picker-wrapper--disabled[data-v-24772c45] {
2735
+ opacity: 0.6;
2736
+ pointer-events: none;
2737
+ }
2738
+ .yd-color-picker-wrapper--error.yd-color-picker-wrapper--bordered .yd-color-picker__input[data-v-24772c45] {
2739
+ border-color: var(--yd-color-error);
2740
+ }
2741
+
2742
+ /* Dropdown */
2743
+ .yd-color-picker__dropdown[data-v-24772c45] {
2744
+ position: absolute;
2745
+ z-index: var(--yd-z-index-dropdown);
2746
+ background: var(--yd-color-bg);
2747
+ border-radius: var(--yd-radius-md);
2748
+ box-shadow: var(--yd-shadow-lg);
2749
+ padding: var(--yd-spacing-base);
2750
+ width: 220px;
2751
+ }
2752
+ .yd-color-picker__saturation[data-v-24772c45] {
2753
+ position: relative;
2754
+ width: 100%;
2755
+ height: 150px;
2756
+ border-radius: var(--yd-radius-sm);
2757
+ cursor: crosshair;
2758
+ }
2759
+ .yd-color-picker__saturation-white[data-v-24772c45] {
2760
+ position: absolute;
2761
+ inset: 0;
2762
+ background: linear-gradient(to right, #fff, transparent);
2763
+ border-radius: var(--yd-radius-sm);
2764
+ }
2765
+ .yd-color-picker__saturation-black[data-v-24772c45] {
2766
+ position: absolute;
2767
+ inset: 0;
2768
+ background: linear-gradient(to top, #000, transparent);
2769
+ border-radius: var(--yd-radius-sm);
2770
+ }
2771
+ .yd-color-picker__saturation-cursor[data-v-24772c45] {
2772
+ position: absolute;
2773
+ width: 12px;
2774
+ height: 12px;
2775
+ border: 2px solid #fff;
2776
+ border-radius: 50%;
2777
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
2778
+ transform: translate(-50%, -50%);
2779
+ pointer-events: none;
2780
+ }
2781
+ .yd-color-picker__hue[data-v-24772c45] {
2782
+ position: relative;
2783
+ width: 100%;
2784
+ height: 12px;
2785
+ margin-top: var(--yd-spacing-sm);
2786
+ background: linear-gradient(
2787
+ to right,
2788
+ #ff0000 0%,
2789
+ #ff0 17%,
2790
+ #0f0 33%,
2791
+ #0ff 50%,
2792
+ #00f 67%,
2793
+ #f0f 83%,
2794
+ #ff0000 100%
2795
+ );
2796
+ border-radius: var(--yd-radius-sm);
2797
+ cursor: pointer;
2798
+ }
2799
+ .yd-color-picker__hue-cursor[data-v-24772c45] {
2800
+ position: absolute;
2801
+ top: -2px;
2802
+ width: 8px;
2803
+ height: 16px;
2804
+ background: #fff;
2805
+ border: 1px solid var(--yd-color-border);
2806
+ border-radius: 2px;
2807
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
2808
+ transform: translateX(-50%);
2809
+ pointer-events: none;
2810
+ }
2811
+ .yd-color-picker__alpha[data-v-24772c45] {
2812
+ position: relative;
2813
+ width: 100%;
2814
+ height: 12px;
2815
+ margin-top: var(--yd-spacing-sm);
2816
+ border-radius: var(--yd-radius-sm);
2817
+ cursor: pointer;
2818
+ }
2819
+ .yd-color-picker__alpha-bg[data-v-24772c45] {
2820
+ position: absolute;
2821
+ inset: 0;
2822
+ background: repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 50% / 8px 8px;
2823
+ border-radius: var(--yd-radius-sm);
2824
+ }
2825
+ .yd-color-picker__alpha-fill[data-v-24772c45] {
2826
+ position: absolute;
2827
+ inset: 0;
2828
+ border-radius: var(--yd-radius-sm);
2829
+ }
2830
+ .yd-color-picker__alpha-cursor[data-v-24772c45] {
2831
+ position: absolute;
2832
+ top: -2px;
2833
+ width: 8px;
2834
+ height: 16px;
2835
+ background: #fff;
2836
+ border: 1px solid var(--yd-color-border);
2837
+ border-radius: 2px;
2838
+ box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
2839
+ transform: translateX(-50%);
2840
+ pointer-events: none;
2841
+ }
2842
+ .yd-color-picker__values[data-v-24772c45] {
2843
+ display: grid;
2844
+ grid-template-columns: repeat(5, 1fr);
2845
+ gap: var(--yd-spacing-xs);
2846
+ margin-top: var(--yd-spacing-sm);
2847
+ }
2848
+ .yd-color-picker__value-item[data-v-24772c45] {
2849
+ display: flex;
2850
+ flex-direction: column;
2851
+ gap: 2px;
2852
+ }
2853
+ .yd-color-picker__value-label[data-v-24772c45] {
2854
+ font-size: 10px;
2855
+ color: var(--yd-color-muted-fg);
2856
+ }
2857
+ .yd-color-picker__value-input[data-v-24772c45] {
2858
+ width: 100%;
2859
+ padding: var(--yd-spacing-xs);
2860
+ font-size: var(--yd-font-size-xs);
2861
+ border: 1px solid var(--yd-color-border);
2862
+ border-radius: var(--yd-radius-sm);
2863
+ text-align: center;
2864
+ }
2865
+ .yd-color-picker__value-input[data-v-24772c45]:focus {
2866
+ outline: none;
2867
+ border-color: var(--yd-color-primary-500);
2868
+ }
2869
+ .yd-color-picker__presets[data-v-24772c45] {
2870
+ display: grid;
2871
+ grid-template-columns: repeat(6, 1fr);
2872
+ gap: var(--yd-spacing-xs);
2873
+ margin-top: var(--yd-spacing-sm);
2874
+ padding-top: var(--yd-spacing-sm);
2875
+ border-top: 1px solid var(--yd-color-border);
2876
+ }
2877
+ .yd-color-picker__preset-item[data-v-24772c45] {
2878
+ width: 24px;
2879
+ height: 24px;
2880
+ border-radius: var(--yd-radius-sm);
2881
+ border: 1px solid var(--yd-color-border);
2882
+ cursor: pointer;
2883
+ transition: transform var(--yd-transition-fast);
2884
+ }
2885
+ .yd-color-picker__preset-item[data-v-24772c45]:hover {
2886
+ transform: scale(1.1);
2887
+ }
2888
+ .yd-color-picker-dropdown-enter-active[data-v-24772c45],
2889
+ .yd-color-picker-dropdown-leave-active[data-v-24772c45] {
2890
+ will-change: opacity;
2891
+ transition: opacity 0.2s ease;
2892
+ }
2893
+ .yd-color-picker-dropdown-enter-from[data-v-24772c45],
2894
+ .yd-color-picker-dropdown-leave-to[data-v-24772c45] {
2895
+ opacity: 0;
2896
+ }
2897
+
2470
2898
  .yd-form[data-v-db4b932f] {
2471
2899
  display: flex;
2472
2900
  flex-direction: column;
@@ -2514,6 +2942,27 @@ to {
2514
2942
  border-color: var(--yd-color-error);
2515
2943
  }
2516
2944
 
2945
+ .yd-schema-form__row[data-v-ec0612ee] {
2946
+ display: flex;
2947
+ flex-wrap: wrap;
2948
+ }
2949
+ .yd-schema-form__group[data-v-ec0612ee] {
2950
+ border: 1px solid var(--yd-color-border);
2951
+ border-radius: var(--yd-radius-base);
2952
+ padding: var(--yd-spacing-md);
2953
+ margin: 0;
2954
+ }
2955
+ .yd-schema-form__group-title[data-v-ec0612ee] {
2956
+ font-size: var(--yd-font-size-base);
2957
+ font-weight: var(--yd-font-weight-semibold);
2958
+ color: var(--yd-color-fg);
2959
+ padding: 0 var(--yd-spacing-sm);
2960
+ }
2961
+ .yd-schema-form__group-desc[data-v-ec0612ee] {
2962
+ font-size: var(--yd-font-size-sm);
2963
+ color: var(--yd-color-muted-fg);
2964
+ }
2965
+
2517
2966
  .yd-space[data-v-b4fe0afb] {
2518
2967
  display: inline-flex;
2519
2968
  }
@@ -2586,17 +3035,17 @@ to {
2586
3035
  white-space: nowrap;
2587
3036
  }
2588
3037
 
2589
- .yd-menu[data-v-78398467] {
3038
+ .yd-menu[data-v-9dfb9940] {
2590
3039
  display: flex;
2591
3040
  }
2592
- .yd-menu--vertical[data-v-78398467] {
3041
+ .yd-menu--vertical[data-v-9dfb9940] {
2593
3042
  flex-direction: column;
2594
3043
  }
2595
- .yd-menu--horizontal[data-v-78398467] {
3044
+ .yd-menu--horizontal[data-v-9dfb9940] {
2596
3045
  flex-direction: row;
2597
3046
  align-items: center;
2598
3047
  }
2599
- .yd-menu__item[data-v-78398467] {
3048
+ .yd-menu__item[data-v-9dfb9940] {
2600
3049
  display: flex;
2601
3050
  align-items: center;
2602
3051
  gap: var(--yd-spacing-sm);
@@ -2609,83 +3058,83 @@ to {
2609
3058
  white-space: nowrap;
2610
3059
  position: relative;
2611
3060
  }
2612
- .yd-menu--horizontal .yd-menu__item[data-v-78398467] {
3061
+ .yd-menu--horizontal .yd-menu__item[data-v-9dfb9940] {
2613
3062
  border-radius: 0;
2614
3063
  border-bottom: 2px solid transparent;
2615
3064
  padding: var(--yd-spacing-base) var(--yd-spacing-lg);
2616
3065
  }
2617
- .yd-menu--horizontal .yd-menu__item[data-v-78398467]:hover {
3066
+ .yd-menu--horizontal .yd-menu__item[data-v-9dfb9940]:hover {
2618
3067
  background: transparent;
2619
3068
  border-bottom-color: var(--yd-color-primary-500);
2620
3069
  color: var(--yd-color-fg);
2621
3070
  }
2622
- .yd-menu--horizontal .yd-menu__item--active[data-v-78398467] {
3071
+ .yd-menu--horizontal .yd-menu__item--active[data-v-9dfb9940] {
2623
3072
  background: transparent;
2624
3073
  border-bottom-color: var(--yd-color-primary-500);
2625
3074
  color: var(--yd-color-primary-600);
2626
3075
  font-weight: var(--yd-font-weight-medium);
2627
3076
  }
2628
- .yd-menu__item[data-v-78398467]:hover:not(.yd-menu__item--active):not(.yd-menu__item--disabled) {
3077
+ .yd-menu__item[data-v-9dfb9940]:hover:not(.yd-menu__item--active):not(.yd-menu__item--disabled) {
2629
3078
  background: var(--yd-layout-sidebar-hover-bg, var(--yd-color-muted));
2630
3079
  color: var(--yd-layout-sidebar-fg, var(--yd-color-fg));
2631
3080
  }
2632
- .yd-menu__item--active[data-v-78398467] {
3081
+ .yd-menu__item--active[data-v-9dfb9940] {
2633
3082
  background: var(--yd-layout-sidebar-active-bg, var(--yd-color-primary-50));
2634
3083
  color: var(--yd-layout-sidebar-active-fg, var(--yd-color-primary-600));
2635
3084
  font-weight: var(--yd-font-weight-medium);
2636
3085
  }
2637
- [data-theme="dark"] .yd-menu__item--active[data-v-78398467] {
3086
+ [data-theme="dark"] .yd-menu__item--active[data-v-9dfb9940] {
2638
3087
  background: var(--yd-color-primary-900);
2639
3088
  color: var(--yd-color-primary-300);
2640
3089
  }
2641
- .yd-menu__item--disabled[data-v-78398467] {
3090
+ .yd-menu__item--disabled[data-v-9dfb9940] {
2642
3091
  opacity: 0.5;
2643
3092
  cursor: not-allowed;
2644
3093
  pointer-events: none;
2645
3094
  }
2646
- .yd-menu__item--child[data-v-78398467] {
3095
+ .yd-menu__item--child[data-v-9dfb9940] {
2647
3096
  padding-left: var(--yd-spacing-2xl);
2648
3097
  }
2649
- .yd-menu__item--grandchild[data-v-78398467] {
3098
+ .yd-menu__item--grandchild[data-v-9dfb9940] {
2650
3099
  padding-left: var(--yd-spacing-3xl);
2651
3100
  font-size: var(--yd-font-size-xs);
2652
3101
  }
2653
- .yd-menu__icon[data-v-78398467] {
3102
+ .yd-menu__icon[data-v-9dfb9940] {
2654
3103
  display: inline-flex;
2655
3104
  flex-shrink: 0;
2656
3105
  }
2657
- .yd-menu__label[data-v-78398467] {
3106
+ .yd-menu__label[data-v-9dfb9940] {
2658
3107
  flex: 1;
2659
3108
  margin-right: auto;
2660
3109
  }
2661
- .yd-menu__arrow[data-v-78398467] {
3110
+ .yd-menu__arrow[data-v-9dfb9940] {
2662
3111
  display: inline-flex;
2663
3112
  align-items: center;
2664
3113
  transition: transform var(--yd-transition-fast);
2665
3114
  color: var(--yd-color-muted-fg);
2666
3115
  }
2667
- .yd-menu__submenu[data-v-78398467] {
3116
+ .yd-menu__submenu[data-v-9dfb9940] {
2668
3117
  position: relative;
2669
3118
  }
2670
- .yd-menu__submenu-title[data-v-78398467] {
3119
+ .yd-menu__submenu-title[data-v-9dfb9940] {
2671
3120
  cursor: pointer;
2672
3121
  }
2673
- .yd-menu__submenu-list[data-v-78398467] {
3122
+ .yd-menu__submenu-list[data-v-9dfb9940] {
2674
3123
  display: flex;
2675
3124
  flex-direction: column;
2676
3125
  gap: 2px;
2677
3126
  padding: var(--yd-spacing-xs) 0 var(--yd-spacing-xs) var(--yd-spacing-lg);
2678
3127
  }
2679
- .yd-menu__sub-submenu[data-v-78398467] {
3128
+ .yd-menu__sub-submenu[data-v-9dfb9940] {
2680
3129
  margin-top: var(--yd-spacing-sm);
2681
3130
  }
2682
- .yd-menu__sub-title[data-v-78398467] {
3131
+ .yd-menu__sub-title[data-v-9dfb9940] {
2683
3132
  font-weight: var(--yd-font-weight-medium);
2684
3133
  color: var(--yd-layout-sidebar-fg, var(--yd-color-fg));
2685
3134
  cursor: default;
2686
3135
  background: transparent !important;
2687
3136
  }
2688
- .yd-menu__sub-items[data-v-78398467] {
3137
+ .yd-menu__sub-items[data-v-9dfb9940] {
2689
3138
  display: flex;
2690
3139
  flex-direction: column;
2691
3140
  gap: 2px;
@@ -2693,7 +3142,7 @@ to {
2693
3142
  }
2694
3143
 
2695
3144
  /* Horizontal/Vertical dropdown with waterfall grid */
2696
- .yd-menu__dropdown[data-v-78398467] {
3145
+ .yd-menu__dropdown[data-v-9dfb9940] {
2697
3146
  min-width: 300px;
2698
3147
  max-width: 90vw;
2699
3148
  max-height: 70vh;
@@ -2705,37 +3154,37 @@ to {
2705
3154
  overflow-y: auto;
2706
3155
  }
2707
3156
  /* Container mode: side-by-side with menu, match height */
2708
- .yd-menu__dropdown--container-mode[data-v-78398467] {
3157
+ .yd-menu__dropdown--container-mode[data-v-9dfb9940] {
2709
3158
  max-height: none;
2710
3159
  overflow-y: auto;
2711
3160
  border-radius: 0 var(--yd-radius-md) var(--yd-radius-md) 0;
2712
3161
  }
2713
- .yd-menu__dropdown[data-v-78398467]::-webkit-scrollbar {
3162
+ .yd-menu__dropdown[data-v-9dfb9940]::-webkit-scrollbar {
2714
3163
  width: 6px;
2715
3164
  }
2716
- .yd-menu__dropdown[data-v-78398467]::-webkit-scrollbar-track {
3165
+ .yd-menu__dropdown[data-v-9dfb9940]::-webkit-scrollbar-track {
2717
3166
  background: transparent;
2718
3167
  }
2719
- .yd-menu__dropdown[data-v-78398467]::-webkit-scrollbar-thumb {
3168
+ .yd-menu__dropdown[data-v-9dfb9940]::-webkit-scrollbar-thumb {
2720
3169
  background: var(--yd-color-border);
2721
3170
  border-radius: var(--yd-radius-full);
2722
3171
  }
2723
- .yd-menu__dropdown[data-v-78398467]::-webkit-scrollbar-thumb:hover {
3172
+ .yd-menu__dropdown[data-v-9dfb9940]::-webkit-scrollbar-thumb:hover {
2724
3173
  background: var(--yd-color-muted-fg);
2725
3174
  }
2726
- .yd-menu__dropdown-grid[data-v-78398467] {
3175
+ .yd-menu__dropdown-grid[data-v-9dfb9940] {
2727
3176
  display: grid;
2728
3177
  /* Auto-fit will create as many columns as fit within the container width */
2729
3178
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
2730
3179
  gap: var(--yd-spacing-base);
2731
3180
  }
2732
3181
  /* Classic style - original column layout */
2733
- .yd-menu__dropdown-grid--classic[data-v-78398467] {
3182
+ .yd-menu__dropdown-grid--classic[data-v-9dfb9940] {
2734
3183
  display: block;
2735
3184
  column-count: 4;
2736
3185
  column-gap: var(--yd-spacing-sm);
2737
3186
  }
2738
- .yd-menu__dropdown-group[data-v-78398467] {
3187
+ .yd-menu__dropdown-group[data-v-9dfb9940] {
2739
3188
  display: flex;
2740
3189
  flex-direction: column;
2741
3190
  width: 100%;
@@ -2751,12 +3200,12 @@ to {
2751
3200
  border-color 0.2s ease;
2752
3201
  will-change: transform;
2753
3202
  }
2754
- .yd-menu__dropdown-group[data-v-78398467]:hover {
3203
+ .yd-menu__dropdown-group[data-v-9dfb9940]:hover {
2755
3204
  transform: translateY(-2px);
2756
3205
  border-color: var(--yd-color-primary-300);
2757
3206
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
2758
3207
  }
2759
- .yd-menu__dropdown-group-title[data-v-78398467] {
3208
+ .yd-menu__dropdown-group-title[data-v-9dfb9940] {
2760
3209
  font-weight: var(--yd-font-weight-semibold);
2761
3210
  color: var(--yd-color-fg);
2762
3211
  padding: var(--yd-spacing-xs) var(--yd-spacing-sm);
@@ -2768,19 +3217,19 @@ to {
2768
3217
  border-bottom: 1px solid var(--yd-color-border);
2769
3218
  padding-bottom: var(--yd-spacing-sm);
2770
3219
  }
2771
- .yd-menu__dropdown-group-items[data-v-78398467] {
3220
+ .yd-menu__dropdown-group-items[data-v-9dfb9940] {
2772
3221
  column-count: 1;
2773
3222
  column-gap: var(--yd-spacing-sm);
2774
3223
  }
2775
- .yd-menu__dropdown-group-items[data-v-78398467] > * {
3224
+ .yd-menu__dropdown-group-items[data-v-9dfb9940] > * {
2776
3225
  break-inside: avoid;
2777
3226
  display: block;
2778
3227
  }
2779
3228
  /* When group has 6+ items, split into 2 columns within the group */
2780
- .yd-menu__dropdown-group[data-many="true"] .yd-menu__dropdown-group-items[data-v-78398467] {
3229
+ .yd-menu__dropdown-group[data-many="true"] .yd-menu__dropdown-group-items[data-v-9dfb9940] {
2781
3230
  column-count: 2;
2782
3231
  }
2783
- .yd-menu__dropdown-item[data-v-78398467] {
3232
+ .yd-menu__dropdown-item[data-v-9dfb9940] {
2784
3233
  display: flex;
2785
3234
  align-items: center;
2786
3235
  gap: var(--yd-spacing-sm);
@@ -2795,30 +3244,30 @@ to {
2795
3244
  transform: translateZ(0);
2796
3245
  will-change: transform, background;
2797
3246
  }
2798
- .yd-menu__dropdown-item[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled) {
3247
+ .yd-menu__dropdown-item[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled) {
2799
3248
  background: var(--yd-color-muted);
2800
3249
  color: var(--yd-color-primary-600);
2801
3250
  }
2802
- .yd-menu__dropdown-item--active[data-v-78398467] {
3251
+ .yd-menu__dropdown-item--active[data-v-9dfb9940] {
2803
3252
  color: var(--yd-color-primary-600);
2804
3253
  font-weight: var(--yd-font-weight-medium);
2805
3254
  background: var(--yd-color-primary-50);
2806
3255
  }
2807
- .yd-menu__dropdown-item--standalone[data-v-78398467] {
3256
+ .yd-menu__dropdown-item--standalone[data-v-9dfb9940] {
2808
3257
  padding: var(--yd-spacing-sm) var(--yd-spacing-sm);
2809
3258
  font-weight: var(--yd-font-weight-medium);
2810
3259
  }
2811
- .yd-menu__dropdown-item--standalone[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled) {
3260
+ .yd-menu__dropdown-item--standalone[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled) {
2812
3261
  background: var(--yd-color-primary-50);
2813
3262
  color: var(--yd-color-primary-600);
2814
3263
  }
2815
- .yd-menu__dropdown-item--disabled[data-v-78398467] {
3264
+ .yd-menu__dropdown-item--disabled[data-v-9dfb9940] {
2816
3265
  opacity: 0.5;
2817
3266
  cursor: not-allowed;
2818
3267
  }
2819
3268
 
2820
3269
  /* Badge styles */
2821
- .yd-menu__badge[data-v-78398467] {
3270
+ .yd-menu__badge[data-v-9dfb9940] {
2822
3271
  display: inline-flex;
2823
3272
  align-items: center;
2824
3273
  justify-content: center;
@@ -2828,129 +3277,129 @@ to {
2828
3277
  font-size: 11px;
2829
3278
  font-weight: var(--yd-font-weight-medium);
2830
3279
  line-height: 1;
2831
- color: #fff;
3280
+ color: var(--yd-color-bg);
2832
3281
  background: var(--yd-color-primary-500);
2833
3282
  border-radius: var(--yd-radius-full);
2834
3283
  }
2835
- .yd-menu__badge--success[data-v-78398467] {
3284
+ .yd-menu__badge--success[data-v-9dfb9940] {
2836
3285
  background: var(--yd-color-success-500);
2837
3286
  }
2838
- .yd-menu__badge--warning[data-v-78398467] {
3287
+ .yd-menu__badge--warning[data-v-9dfb9940] {
2839
3288
  background: var(--yd-color-warning-500);
2840
3289
  }
2841
- .yd-menu__badge--danger[data-v-78398467] {
3290
+ .yd-menu__badge--danger[data-v-9dfb9940] {
2842
3291
  background: var(--yd-color-danger-500);
2843
3292
  }
2844
- .yd-menu__badge--info[data-v-78398467] {
3293
+ .yd-menu__badge--info[data-v-9dfb9940] {
2845
3294
  background: var(--yd-color-info-500);
2846
3295
  }
2847
3296
 
2848
3297
  /* Theme variants */
2849
3298
  /* Glass theme */
2850
- .yd-menu__dropdown--glass[data-v-78398467] {
3299
+ .yd-menu__dropdown--glass[data-v-9dfb9940] {
2851
3300
  background: rgba(255, 255, 255, 0.85);
2852
3301
  backdrop-filter: blur(12px);
2853
3302
  -webkit-backdrop-filter: blur(12px);
2854
3303
  border: 1px solid rgba(255, 255, 255, 0.3);
2855
3304
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
2856
3305
  }
2857
- .yd-menu__dropdown--glass .yd-menu__dropdown-group[data-v-78398467] {
3306
+ .yd-menu__dropdown--glass .yd-menu__dropdown-group[data-v-9dfb9940] {
2858
3307
  background: rgba(255, 255, 255, 0.6);
2859
3308
  border-color: rgba(0, 0, 0, 0.06);
2860
3309
  }
2861
- .yd-menu__dropdown--glass .yd-menu__dropdown-group[data-v-78398467]:hover {
3310
+ .yd-menu__dropdown--glass .yd-menu__dropdown-group[data-v-9dfb9940]:hover {
2862
3311
  border-color: var(--yd-color-primary-300);
2863
3312
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
2864
3313
  }
2865
- .yd-menu__dropdown--glass .yd-menu__dropdown-group-title[data-v-78398467] {
3314
+ .yd-menu__dropdown--glass .yd-menu__dropdown-group-title[data-v-9dfb9940] {
2866
3315
  border-bottom-color: rgba(0, 0, 0, 0.06);
2867
3316
  }
2868
3317
 
2869
3318
  /* Dark theme */
2870
- .yd-menu__dropdown--dark[data-v-78398467] {
3319
+ .yd-menu__dropdown--dark[data-v-9dfb9940] {
2871
3320
  background: #1f2937;
2872
3321
  border-color: #374151;
2873
3322
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
2874
3323
  }
2875
- .yd-menu__dropdown--dark .yd-menu__dropdown-group[data-v-78398467] {
3324
+ .yd-menu__dropdown--dark .yd-menu__dropdown-group[data-v-9dfb9940] {
2876
3325
  background: #111827;
2877
3326
  border-color: #374151;
2878
3327
  }
2879
- .yd-menu__dropdown--dark .yd-menu__dropdown-group[data-v-78398467]:hover {
3328
+ .yd-menu__dropdown--dark .yd-menu__dropdown-group[data-v-9dfb9940]:hover {
2880
3329
  border-color: var(--yd-color-primary-500);
2881
3330
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
2882
3331
  }
2883
- .yd-menu__dropdown--dark .yd-menu__dropdown-group-title[data-v-78398467] {
3332
+ .yd-menu__dropdown--dark .yd-menu__dropdown-group-title[data-v-9dfb9940] {
2884
3333
  border-bottom-color: #374151;
2885
3334
  color: #f9fafb;
2886
3335
  }
2887
- .yd-menu__dropdown--dark .yd-menu__dropdown-item[data-v-78398467] {
3336
+ .yd-menu__dropdown--dark .yd-menu__dropdown-item[data-v-9dfb9940] {
2888
3337
  color: #d1d5db;
2889
3338
  }
2890
- .yd-menu__dropdown--dark .yd-menu__dropdown-item[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled) {
3339
+ .yd-menu__dropdown--dark .yd-menu__dropdown-item[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled) {
2891
3340
  background: #374151;
2892
3341
  color: var(--yd-color-primary-400);
2893
3342
  }
2894
- .yd-menu__dropdown--dark .yd-menu__dropdown-item--active[data-v-78398467] {
3343
+ .yd-menu__dropdown--dark .yd-menu__dropdown-item--active[data-v-9dfb9940] {
2895
3344
  background: var(--yd-color-primary-900);
2896
3345
  color: var(--yd-color-primary-300);
2897
3346
  }
2898
- .yd-menu__dropdown--dark .yd-menu__dropdown-item--disabled[data-v-78398467] {
3347
+ .yd-menu__dropdown--dark .yd-menu__dropdown-item--disabled[data-v-9dfb9940] {
2899
3348
  opacity: 0.4;
2900
3349
  }
2901
- .yd-menu__dropdown--dark .yd-menu__dropdown-group-items[data-v-78398467] {
3350
+ .yd-menu__dropdown--dark .yd-menu__dropdown-group-items[data-v-9dfb9940] {
2902
3351
  column-gap: var(--yd-spacing-xs);
2903
3352
  }
2904
- .yd-menu-expand-enter-active[data-v-78398467],
2905
- .yd-menu-expand-leave-active[data-v-78398467] {
3353
+ .yd-menu-expand-enter-active[data-v-9dfb9940],
3354
+ .yd-menu-expand-leave-active[data-v-9dfb9940] {
2906
3355
  transition: all 0.2s ease;
2907
3356
  overflow: hidden;
2908
3357
  }
2909
- .yd-menu-expand-enter-from[data-v-78398467],
2910
- .yd-menu-expand-leave-to[data-v-78398467] {
3358
+ .yd-menu-expand-enter-from[data-v-9dfb9940],
3359
+ .yd-menu-expand-leave-to[data-v-9dfb9940] {
2911
3360
  opacity: 0;
2912
3361
  max-height: 0;
2913
3362
  }
2914
- .yd-menu-expand-enter-to[data-v-78398467],
2915
- .yd-menu-expand-leave-from[data-v-78398467] {
3363
+ .yd-menu-expand-enter-to[data-v-9dfb9940],
3364
+ .yd-menu-expand-leave-from[data-v-9dfb9940] {
2916
3365
  opacity: 1;
2917
3366
  max-height: 500px;
2918
3367
  }
2919
- .yd-menu-dropdown-enter-active[data-v-78398467],
2920
- .yd-menu-dropdown-leave-active[data-v-78398467] {
3368
+ .yd-menu-dropdown-enter-active[data-v-9dfb9940],
3369
+ .yd-menu-dropdown-leave-active[data-v-9dfb9940] {
2921
3370
  transition: opacity 0.2s ease;
2922
3371
  }
2923
- .yd-menu-dropdown-enter-from[data-v-78398467],
2924
- .yd-menu-dropdown-leave-to[data-v-78398467] {
3372
+ .yd-menu-dropdown-enter-from[data-v-9dfb9940],
3373
+ .yd-menu-dropdown-leave-to[data-v-9dfb9940] {
2925
3374
  opacity: 0;
2926
3375
  }
2927
3376
 
2928
3377
  /* Collapsed mode - icons only, centered */
2929
- .yd-menu--collapsed[data-v-78398467] {
3378
+ .yd-menu--collapsed[data-v-9dfb9940] {
2930
3379
  align-items: center;
2931
3380
  }
2932
- .yd-menu--collapsed .yd-menu__item[data-v-78398467] {
3381
+ .yd-menu--collapsed .yd-menu__item[data-v-9dfb9940] {
2933
3382
  justify-content: center;
2934
3383
  padding: var(--yd-spacing-sm);
2935
3384
  width: 100%;
2936
3385
  }
2937
- .yd-menu--collapsed .yd-menu__label[data-v-78398467] {
3386
+ .yd-menu--collapsed .yd-menu__label[data-v-9dfb9940] {
2938
3387
  display: none;
2939
3388
  }
2940
- .yd-menu--collapsed .yd-menu__arrow[data-v-78398467] {
3389
+ .yd-menu--collapsed .yd-menu__arrow[data-v-9dfb9940] {
2941
3390
  display: none;
2942
3391
  }
2943
- .yd-menu--collapsed .yd-menu__submenu-title[data-v-78398467] {
3392
+ .yd-menu--collapsed .yd-menu__submenu-title[data-v-9dfb9940] {
2944
3393
  justify-content: center;
2945
3394
  }
2946
- .yd-menu--collapsed .yd-menu__submenu-list[data-v-78398467] {
3395
+ .yd-menu--collapsed .yd-menu__submenu-list[data-v-9dfb9940] {
2947
3396
  display: none;
2948
3397
  }
2949
3398
 
2950
3399
  /* Image style dropdown grid - category style (紧凑版) */
2951
- .yd-menu__dropdown-grid--image-cover[data-v-78398467],
2952
- .yd-menu__dropdown-grid--image-contain[data-v-78398467],
2953
- .yd-menu__dropdown-grid--image-fill[data-v-78398467] {
3400
+ .yd-menu__dropdown-grid--image-cover[data-v-9dfb9940],
3401
+ .yd-menu__dropdown-grid--image-contain[data-v-9dfb9940],
3402
+ .yd-menu__dropdown-grid--image-fill[data-v-9dfb9940] {
2954
3403
  display: grid;
2955
3404
  /* 自适应宽度等分水平排列，每列宽度相等 */
2956
3405
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
@@ -2959,17 +3408,17 @@ to {
2959
3408
  /* 弹窗边框间距4px */
2960
3409
  padding: 4px;
2961
3410
  /* 纯白色背景 */
2962
- background: #ffffff;
3411
+ background: var(--yd-color-bg);
2963
3412
  }
2964
3413
 
2965
3414
  /* 每个模块容器 - 紧凑内边距，限制最大宽度 */
2966
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group[data-v-78398467],
2967
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group[data-v-78398467],
2968
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group[data-v-78398467] {
3415
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group[data-v-9dfb9940],
3416
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group[data-v-9dfb9940],
3417
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group[data-v-9dfb9940] {
2969
3418
  /* 白色背景 */
2970
- background: #ffffff;
3419
+ background: var(--yd-color-bg);
2971
3420
  /* 1px实线边框，#e6f2ff */
2972
- border: 1px solid #e6f2ff;
3421
+ border: 1px solid var(--yd-color-primary-100);
2973
3422
  /* 边框圆角4px */
2974
3423
  border-radius: 4px;
2975
3424
  /* 紧凑内边距12px */
@@ -2982,15 +3431,15 @@ to {
2982
3431
  }
2983
3432
 
2984
3433
  /* 模块标题 - 紧凑样式，和三级菜单一样大 */
2985
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group-title[data-v-78398467],
2986
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group-title[data-v-78398467],
2987
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group-title[data-v-78398467] {
3434
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group-title[data-v-9dfb9940],
3435
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group-title[data-v-9dfb9940],
3436
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group-title[data-v-9dfb9940] {
2988
3437
  /* 字号13px和三级菜单一样，字重600 */
2989
3438
  font-size: 13px;
2990
3439
  font-weight: 600;
2991
- color: #262626;
3440
+ color: var(--yd-color-fg);
2992
3441
  /* 更深更粗的蓝色分割线 */
2993
- border-bottom: 2px solid #096dd9;
3442
+ border-bottom: 2px solid var(--yd-color-primary-600);
2994
3443
  /* 紧凑底部内边距6px */
2995
3444
  padding-bottom: 6px;
2996
3445
  /* 紧凑底部外边距8px */
@@ -3004,23 +3453,23 @@ to {
3004
3453
  }
3005
3454
 
3006
3455
  /* 功能链接列表 - 无内边距 */
3007
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group-items[data-v-78398467],
3008
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group-items[data-v-78398467],
3009
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group-items[data-v-78398467] {
3456
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group-items[data-v-9dfb9940],
3457
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group-items[data-v-9dfb9940],
3458
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group-items[data-v-9dfb9940] {
3010
3459
  padding: 0;
3011
3460
  }
3012
3461
 
3013
3462
  /* 功能链接项 - 紧凑样式 */
3014
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-item[data-v-78398467],
3015
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-item[data-v-78398467],
3016
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-item[data-v-78398467] {
3463
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-item[data-v-9dfb9940],
3464
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-item[data-v-9dfb9940],
3465
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-item[data-v-9dfb9940] {
3017
3466
  /* 字号13px，行高1.5 */
3018
3467
  font-size: 13px;
3019
3468
  line-height: 1.5;
3020
3469
  /* 紧凑上下内边距4px */
3021
3470
  padding: 4px 0;
3022
3471
  /* 更深的蓝色 */
3023
- color: #0050b3;
3472
+ color: var(--yd-color-primary-700);
3024
3473
  /* 无下划线 */
3025
3474
  text-decoration: none;
3026
3475
  /* 平滑过渡效果 */
@@ -3034,56 +3483,56 @@ to {
3034
3483
 
3035
3484
  /* 悬停效果 */
3036
3485
  .yd-menu__dropdown-grid--image-cover
3037
- .yd-menu__dropdown-item[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled),
3486
+ .yd-menu__dropdown-item[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled),
3038
3487
  .yd-menu__dropdown-grid--image-contain
3039
- .yd-menu__dropdown-item[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled),
3488
+ .yd-menu__dropdown-item[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled),
3040
3489
  .yd-menu__dropdown-grid--image-fill
3041
- .yd-menu__dropdown-item[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled) {
3490
+ .yd-menu__dropdown-item[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled) {
3042
3491
  /* 悬停颜色更深蓝 */
3043
- color: #003a8c;
3492
+ color: var(--yd-color-primary-800);
3044
3493
  text-decoration: none;
3045
3494
  }
3046
3495
 
3047
3496
  /* 响应式支持 - 小屏幕 */
3048
3497
  @media (max-width: 640px) {
3049
- .yd-menu__dropdown-grid--image-cover[data-v-78398467],
3050
- .yd-menu__dropdown-grid--image-contain[data-v-78398467],
3051
- .yd-menu__dropdown-grid--image-fill[data-v-78398467] {
3498
+ .yd-menu__dropdown-grid--image-cover[data-v-9dfb9940],
3499
+ .yd-menu__dropdown-grid--image-contain[data-v-9dfb9940],
3500
+ .yd-menu__dropdown-grid--image-fill[data-v-9dfb9940] {
3052
3501
  gap: 12px;
3053
3502
  padding: 12px;
3054
3503
  }
3055
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group[data-v-78398467],
3056
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group[data-v-78398467],
3057
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group[data-v-78398467] {
3504
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group[data-v-9dfb9940],
3505
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group[data-v-9dfb9940],
3506
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group[data-v-9dfb9940] {
3058
3507
  padding: 10px;
3059
3508
  max-width: 150px;
3060
3509
  }
3061
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-item[data-v-78398467],
3062
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-item[data-v-78398467],
3063
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-item[data-v-78398467] {
3510
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-item[data-v-9dfb9940],
3511
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-item[data-v-9dfb9940],
3512
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-item[data-v-9dfb9940] {
3064
3513
  max-width: 130px;
3065
3514
  }
3066
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group-title[data-v-78398467],
3067
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group-title[data-v-78398467],
3068
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group-title[data-v-78398467] {
3515
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-group-title[data-v-9dfb9940],
3516
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-group-title[data-v-9dfb9940],
3517
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-group-title[data-v-9dfb9940] {
3069
3518
  font-size: 14px;
3070
3519
  }
3071
- .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-item[data-v-78398467],
3072
- .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-item[data-v-78398467],
3073
- .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-item[data-v-78398467] {
3520
+ .yd-menu__dropdown-grid--image-cover .yd-menu__dropdown-item[data-v-9dfb9940],
3521
+ .yd-menu__dropdown-grid--image-contain .yd-menu__dropdown-item[data-v-9dfb9940],
3522
+ .yd-menu__dropdown-grid--image-fill .yd-menu__dropdown-item[data-v-9dfb9940] {
3074
3523
  font-size: 12px;
3075
3524
  }
3076
3525
  }
3077
3526
 
3078
3527
  /* Badge支持 */
3079
- .yd-menu__dropdown-grid--image-cover .yd-menu__badge[data-v-78398467],
3080
- .yd-menu__dropdown-grid--image-contain .yd-menu__badge[data-v-78398467],
3081
- .yd-menu__dropdown-grid--image-fill .yd-menu__badge[data-v-78398467] {
3528
+ .yd-menu__dropdown-grid--image-cover .yd-menu__badge[data-v-9dfb9940],
3529
+ .yd-menu__dropdown-grid--image-contain .yd-menu__badge[data-v-9dfb9940],
3530
+ .yd-menu__dropdown-grid--image-fill .yd-menu__badge[data-v-9dfb9940] {
3082
3531
  margin-left: 8px;
3083
3532
  }
3084
3533
 
3085
3534
  /* ========== Elegant 优雅风格 ========== */
3086
- .yd-menu__dropdown-grid--image-elegant[data-v-78398467] {
3535
+ .yd-menu__dropdown-grid--image-elegant[data-v-9dfb9940] {
3087
3536
  display: grid;
3088
3537
  /* 自适应等宽排列 */
3089
3538
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
@@ -3092,13 +3541,13 @@ to {
3092
3541
  /* 弹窗边框间距16px */
3093
3542
  padding: 16px;
3094
3543
  /* 纯白色背景 */
3095
- background: #ffffff;
3544
+ background: var(--yd-color-bg);
3096
3545
  }
3097
3546
 
3098
3547
  /* 模块容器 */
3099
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group[data-v-78398467] {
3100
- background: #ffffff;
3101
- border: 1px solid #e6f2ff;
3548
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group[data-v-9dfb9940] {
3549
+ background: var(--yd-color-bg);
3550
+ border: 1px solid var(--yd-color-primary-100);
3102
3551
  border-radius: 4px;
3103
3552
  padding: 16px;
3104
3553
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
@@ -3107,12 +3556,12 @@ to {
3107
3556
  }
3108
3557
 
3109
3558
  /* 标题 - 14px，层次分明 */
3110
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group-title[data-v-78398467] {
3559
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group-title[data-v-9dfb9940] {
3111
3560
  font-size: 14px;
3112
3561
  font-weight: 600;
3113
- color: #262626;
3562
+ color: var(--yd-color-fg);
3114
3563
  /* 中性灰分割线 */
3115
- border-bottom: 1px solid #d9d9d9;
3564
+ border-bottom: 1px solid var(--yd-color-border);
3116
3565
  padding-bottom: 8px;
3117
3566
  margin-bottom: 10px;
3118
3567
  background: transparent;
@@ -3123,16 +3572,16 @@ to {
3123
3572
  }
3124
3573
 
3125
3574
  /* 链接列表 */
3126
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group-items[data-v-78398467] {
3575
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group-items[data-v-9dfb9940] {
3127
3576
  padding: 0;
3128
3577
  }
3129
3578
 
3130
3579
  /* 链接项 - 13px，标准蓝 */
3131
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-item[data-v-78398467] {
3580
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-item[data-v-9dfb9940] {
3132
3581
  font-size: 13px;
3133
3582
  line-height: 1.6;
3134
3583
  padding: 6px 0;
3135
- color: #1677ff;
3584
+ color: var(--yd-color-primary-500);
3136
3585
  text-decoration: none;
3137
3586
  transition: color 0.2s ease;
3138
3587
  max-width: 168px;
@@ -3143,66 +3592,66 @@ to {
3143
3592
 
3144
3593
  /* 悬停效果 */
3145
3594
  .yd-menu__dropdown-grid--image-elegant
3146
- .yd-menu__dropdown-item[data-v-78398467]:hover:not(.yd-menu__dropdown-item--disabled) {
3147
- color: #0958d9;
3595
+ .yd-menu__dropdown-item[data-v-9dfb9940]:hover:not(.yd-menu__dropdown-item--disabled) {
3596
+ color: var(--yd-color-primary-600);
3148
3597
  text-decoration: none;
3149
3598
  }
3150
3599
 
3151
3600
  /* Badge支持 */
3152
- .yd-menu__dropdown-grid--image-elegant .yd-menu__badge[data-v-78398467] {
3601
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__badge[data-v-9dfb9940] {
3153
3602
  margin-left: 6px;
3154
3603
  }
3155
3604
 
3156
3605
  /* 响应式 */
3157
3606
  @media (max-width: 640px) {
3158
- .yd-menu__dropdown-grid--image-elegant[data-v-78398467] {
3607
+ .yd-menu__dropdown-grid--image-elegant[data-v-9dfb9940] {
3159
3608
  gap: 16px;
3160
3609
  padding: 12px;
3161
3610
  }
3162
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group[data-v-78398467] {
3611
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group[data-v-9dfb9940] {
3163
3612
  padding: 12px;
3164
3613
  max-width: 160px;
3165
3614
  }
3166
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group-title[data-v-78398467] {
3615
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-group-title[data-v-9dfb9940] {
3167
3616
  font-size: 13px;
3168
3617
  max-width: 136px;
3169
3618
  }
3170
- .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-item[data-v-78398467] {
3619
+ .yd-menu__dropdown-grid--image-elegant .yd-menu__dropdown-item[data-v-9dfb9940] {
3171
3620
  font-size: 12px;
3172
3621
  max-width: 136px;
3173
3622
  }
3174
3623
  }
3175
3624
 
3176
- .yd-layout-sidebar[data-v-11c3fb43] {
3625
+ .yd-layout-sidebar[data-v-38d5b5bc] {
3177
3626
  position: absolute;
3178
3627
  left: 0;
3179
3628
  top: 0;
3180
3629
  height: 100%;
3181
3630
  display: flex;
3182
3631
  flex-direction: column;
3183
- background: var(--yd-layout-sidebar-bg);
3184
- border-right: 1px solid var(--yd-layout-sidebar-border);
3632
+ background: var(--yd-layout-sidebar-bg, var(--yd-color-bg));
3633
+ border-right: 1px solid var(--yd-layout-sidebar-border, var(--yd-color-border));
3185
3634
  transition:
3186
3635
  width var(--yd-transition-base),
3187
3636
  left var(--yd-transition-base);
3188
3637
  overflow: hidden;
3189
3638
  z-index: 100;
3190
3639
  }
3191
- .yd-layout-sidebar--fixed[data-v-11c3fb43] {
3640
+ .yd-layout-sidebar--fixed[data-v-38d5b5bc] {
3192
3641
  position: fixed;
3193
3642
  }
3194
- .yd-layout-sidebar--collapsed[data-v-11c3fb43] {
3643
+ .yd-layout-sidebar--collapsed[data-v-38d5b5bc] {
3195
3644
  width: 64px;
3196
3645
  }
3197
3646
 
3198
3647
  /* Logo 区域 - 折叠时横向居中 */
3199
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__logo[data-v-11c3fb43] {
3648
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__logo[data-v-38d5b5bc] {
3200
3649
  justify-content: center;
3201
3650
  padding: 0;
3202
3651
  }
3203
3652
 
3204
3653
  /* Logo 区域 */
3205
- .yd-layout-sidebar__logo[data-v-11c3fb43] {
3654
+ .yd-layout-sidebar__logo[data-v-38d5b5bc] {
3206
3655
  display: flex;
3207
3656
  align-items: center;
3208
3657
  justify-content: center;
@@ -3210,13 +3659,13 @@ to {
3210
3659
  height: 56px;
3211
3660
  padding: 0 var(--yd-spacing-base);
3212
3661
  cursor: pointer;
3213
- border-bottom: 1px solid var(--yd-layout-sidebar-border);
3662
+ border-bottom: 1px solid var(--yd-layout-sidebar-border, var(--yd-color-border));
3214
3663
  flex-shrink: 0;
3215
3664
  overflow: hidden;
3216
3665
  }
3217
3666
 
3218
3667
  /* Logo 图标 */
3219
- .yd-layout-sidebar__logo-icon[data-v-11c3fb43] {
3668
+ .yd-layout-sidebar__logo-icon[data-v-38d5b5bc] {
3220
3669
  display: flex;
3221
3670
  align-items: center;
3222
3671
  justify-content: center;
@@ -3227,16 +3676,16 @@ to {
3227
3676
  }
3228
3677
 
3229
3678
  /* Logo 图标 SVG 居中定位 */
3230
- .yd-layout-sidebar__logo-icon svg[data-v-11c3fb43] {
3679
+ .yd-layout-sidebar__logo-icon svg[data-v-38d5b5bc] {
3231
3680
  display: block;
3232
3681
  }
3233
- .yd-layout-sidebar__logo-image[data-v-11c3fb43] {
3682
+ .yd-layout-sidebar__logo-image[data-v-38d5b5bc] {
3234
3683
  width: 32px;
3235
3684
  height: 32px;
3236
3685
  object-fit: contain;
3237
3686
  flex-shrink: 0;
3238
3687
  }
3239
- .yd-layout-sidebar__logo-title[data-v-11c3fb43] {
3688
+ .yd-layout-sidebar__logo-title[data-v-38d5b5bc] {
3240
3689
  font-size: var(--yd-font-size-lg);
3241
3690
  font-weight: var(--yd-font-weight-semibold);
3242
3691
  color: var(--yd-layout-sidebar-fg, var(--yd-color-fg));
@@ -3244,8 +3693,53 @@ to {
3244
3693
  overflow: hidden;
3245
3694
  }
3246
3695
 
3696
+ /* 搜索框 */
3697
+ .yd-layout-sidebar__search[data-v-38d5b5bc] {
3698
+ padding: var(--yd-spacing-xs) var(--yd-spacing-sm);
3699
+ flex-shrink: 0;
3700
+ }
3701
+ .yd-layout-sidebar__search-input[data-v-38d5b5bc] {
3702
+ width: 100%;
3703
+ height: 32px;
3704
+ padding: 0 var(--yd-spacing-sm);
3705
+ padding-right: 28px;
3706
+ border: 1px solid var(--yd-layout-sidebar-border, var(--yd-color-border));
3707
+ border-radius: var(--yd-radius-md);
3708
+ background: var(--yd-layout-sidebar-bg, var(--yd-color-bg));
3709
+ color: var(--yd-layout-sidebar-fg, var(--yd-color-fg));
3710
+ font-size: var(--yd-font-size-sm);
3711
+ outline: none;
3712
+ transition: border-color var(--yd-transition-fast);
3713
+ }
3714
+ .yd-layout-sidebar__search-input[data-v-38d5b5bc]::placeholder {
3715
+ color: var(--yd-layout-sidebar-fg-muted, var(--yd-color-muted-fg));
3716
+ }
3717
+ .yd-layout-sidebar__search-input[data-v-38d5b5bc]:focus {
3718
+ border-color: var(--yd-color-primary-500);
3719
+ }
3720
+ .yd-layout-sidebar__search-clear[data-v-38d5b5bc] {
3721
+ position: relative;
3722
+ left: -24px;
3723
+ display: inline-flex;
3724
+ align-items: center;
3725
+ justify-content: center;
3726
+ width: 16px;
3727
+ height: 16px;
3728
+ font-size: 14px;
3729
+ color: var(--yd-color-muted-fg);
3730
+ cursor: pointer;
3731
+ }
3732
+ .yd-layout-sidebar__search-empty[data-v-38d5b5bc] {
3733
+ display: flex;
3734
+ align-items: center;
3735
+ justify-content: center;
3736
+ padding: var(--yd-spacing-lg);
3737
+ color: var(--yd-layout-sidebar-fg-muted, var(--yd-color-muted-fg));
3738
+ font-size: var(--yd-font-size-sm);
3739
+ }
3740
+
3247
3741
  /* 菜单区域 */
3248
- .yd-layout-sidebar__menu-wrapper[data-v-11c3fb43] {
3742
+ .yd-layout-sidebar__menu-wrapper[data-v-38d5b5bc] {
3249
3743
  flex: 1;
3250
3744
  overflow-y: auto;
3251
3745
  overflow-x: hidden;
@@ -3254,11 +3748,11 @@ to {
3254
3748
  padding-left: var(--yd-spacing-xs);
3255
3749
  padding-right: var(--yd-spacing-xs);
3256
3750
  }
3257
- .yd-layout-sidebar__menu[data-v-11c3fb43] {
3751
+ .yd-layout-sidebar__menu[data-v-38d5b5bc] {
3258
3752
  display: flex;
3259
3753
  flex-direction: column;
3260
3754
  }
3261
- .yd-layout-sidebar__menu-item[data-v-11c3fb43] {
3755
+ .yd-layout-sidebar__menu-item[data-v-38d5b5bc] {
3262
3756
  display: flex;
3263
3757
  align-items: center;
3264
3758
  justify-content: center;
@@ -3275,77 +3769,77 @@ to {
3275
3769
  }
3276
3770
 
3277
3771
  /* 菜单图标 */
3278
- .yd-layout-sidebar__menu-icon[data-v-11c3fb43] {
3772
+ .yd-layout-sidebar__menu-icon[data-v-38d5b5bc] {
3279
3773
  display: flex;
3280
3774
  align-items: center;
3281
3775
  justify-content: center;
3282
3776
  flex-shrink: 0;
3283
3777
  }
3284
- .yd-layout-sidebar__menu-item[data-v-11c3fb43]:hover {
3778
+ .yd-layout-sidebar__menu-item[data-v-38d5b5bc]:hover {
3285
3779
  background: var(--yd-layout-sidebar-hover-bg, var(--yd-color-muted));
3286
3780
  }
3287
- .yd-layout-sidebar__menu-item--active[data-v-11c3fb43] {
3781
+ .yd-layout-sidebar__menu-item--active[data-v-38d5b5bc] {
3288
3782
  background: var(--yd-layout-sidebar-active-bg, var(--yd-color-primary-50));
3289
3783
  color: var(--yd-layout-sidebar-active-fg, var(--yd-color-primary-600));
3290
3784
  }
3291
- .yd-layout-sidebar__menu-item--disabled[data-v-11c3fb43] {
3785
+ .yd-layout-sidebar__menu-item--disabled[data-v-38d5b5bc] {
3292
3786
  opacity: 0.5;
3293
3787
  cursor: not-allowed;
3294
3788
  }
3295
- .yd-layout-sidebar__menu-item--group-title[data-v-11c3fb43] {
3789
+ .yd-layout-sidebar__menu-item--group-title[data-v-38d5b5bc] {
3296
3790
  font-weight: var(--yd-font-weight-medium);
3297
3791
  }
3298
- .yd-layout-sidebar__menu-item--child[data-v-11c3fb43] {
3792
+ .yd-layout-sidebar__menu-item--child[data-v-38d5b5bc] {
3299
3793
  padding-left: calc(var(--yd-spacing-base) + 20px);
3300
3794
  }
3301
3795
 
3302
3796
  /* 折叠状态下的菜单项 */
3303
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-item[data-v-11c3fb43] {
3797
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-item[data-v-38d5b5bc] {
3304
3798
  justify-content: center;
3305
3799
  padding: 0;
3306
3800
  margin: 2px 4px;
3307
3801
  width: calc(100% - 8px);
3308
3802
  }
3309
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-item[data-v-11c3fb43] > * {
3803
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-item[data-v-38d5b5bc] > * {
3310
3804
  justify-content: center;
3311
3805
  width: 100%;
3312
3806
  }
3313
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-item--child[data-v-11c3fb43] {
3807
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-item--child[data-v-38d5b5bc] {
3314
3808
  padding-left: calc(var(--yd-spacing-base) + 20px);
3315
3809
  }
3316
- .yd-layout-sidebar__menu-label[data-v-11c3fb43] {
3810
+ .yd-layout-sidebar__menu-label[data-v-38d5b5bc] {
3317
3811
  flex: 1;
3318
3812
  overflow: hidden;
3319
3813
  text-overflow: ellipsis;
3320
3814
  }
3321
- .yd-layout-sidebar__menu-arrow[data-v-11c3fb43] {
3815
+ .yd-layout-sidebar__menu-arrow[data-v-38d5b5bc] {
3322
3816
  display: flex;
3323
3817
  align-items: center;
3324
3818
  transition: transform var(--yd-transition-fast);
3325
3819
  }
3326
- .yd-layout-sidebar__menu-arrow--expanded[data-v-11c3fb43] {
3820
+ .yd-layout-sidebar__menu-arrow--expanded[data-v-38d5b5bc] {
3327
3821
  transform: rotate(180deg);
3328
3822
  }
3329
- .yd-layout-sidebar__menu-submenu[data-v-11c3fb43] {
3823
+ .yd-layout-sidebar__menu-submenu[data-v-38d5b5bc] {
3330
3824
  overflow: hidden;
3331
3825
  }
3332
- .yd-layout-sidebar__menu-item-group[data-v-11c3fb43] {
3826
+ .yd-layout-sidebar__menu-item-group[data-v-38d5b5bc] {
3333
3827
  margin-bottom: var(--yd-spacing-xs);
3334
3828
  }
3335
3829
 
3336
3830
  /* 底部折叠按钮 */
3337
- .yd-layout-sidebar__footer[data-v-11c3fb43] {
3831
+ .yd-layout-sidebar__footer[data-v-38d5b5bc] {
3338
3832
  flex-shrink: 0;
3339
3833
  padding: var(--yd-spacing-sm);
3340
- border-top: 1px solid var(--yd-layout-sidebar-border);
3834
+ border-top: 1px solid var(--yd-layout-sidebar-border, var(--yd-color-border));
3341
3835
  }
3342
3836
 
3343
3837
  /* 底部支持信息 */
3344
- .yd-layout-sidebar__footer[data-v-11c3fb43] {
3838
+ .yd-layout-sidebar__footer[data-v-38d5b5bc] {
3345
3839
  padding: var(--yd-spacing-xs) var(--yd-spacing-sm);
3346
3840
  min-height: 24px;
3347
3841
  }
3348
- .yd-layout-sidebar__footer-content[data-v-11c3fb43] {
3842
+ .yd-layout-sidebar__footer-content[data-v-38d5b5bc] {
3349
3843
  display: flex;
3350
3844
  align-items: center;
3351
3845
  justify-content: center;
@@ -3360,10 +3854,10 @@ to {
3360
3854
  }
3361
3855
 
3362
3856
  /* 折叠时隐藏底部 */
3363
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__footer-content[data-v-11c3fb43] {
3857
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__footer-content[data-v-38d5b5bc] {
3364
3858
  display: none;
3365
3859
  }
3366
- .yd-layout-sidebar__collapse-btn[data-v-11c3fb43] {
3860
+ .yd-layout-sidebar__collapse-btn[data-v-38d5b5bc] {
3367
3861
  display: flex;
3368
3862
  align-items: center;
3369
3863
  justify-content: center;
@@ -3377,56 +3871,67 @@ to {
3377
3871
  }
3378
3872
 
3379
3873
  /* 折叠状态下底部按钮 */
3380
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__collapse-btn[data-v-11c3fb43] {
3874
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__collapse-btn[data-v-38d5b5bc] {
3381
3875
  justify-content: center;
3382
3876
  padding: 0;
3383
3877
  width: 100%;
3384
3878
  }
3385
3879
 
3386
3880
  /* 折叠状态下菜单项图标居中 */
3387
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-icon[data-v-11c3fb43] {
3881
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__menu-icon[data-v-38d5b5bc] {
3388
3882
  justify-content: center;
3389
3883
  width: 100%;
3390
3884
  }
3391
- .yd-layout-sidebar__collapse-btn[data-v-11c3fb43]:hover {
3885
+ .yd-layout-sidebar__collapse-btn[data-v-38d5b5bc]:hover {
3392
3886
  background: var(--yd-color-muted);
3393
3887
  color: var(--yd-color-fg);
3394
3888
  }
3395
3889
 
3396
3890
  /* 过渡动画 */
3397
- .yd-layout-fade-enter-active[data-v-11c3fb43],
3398
- .yd-layout-fade-leave-active[data-v-11c3fb43] {
3891
+ .yd-layout-fade-enter-active[data-v-38d5b5bc],
3892
+ .yd-layout-fade-leave-active[data-v-38d5b5bc] {
3399
3893
  transition: opacity 0.2s ease;
3400
3894
  }
3401
- .yd-layout-fade-enter-from[data-v-11c3fb43],
3402
- .yd-layout-fade-leave-to[data-v-11c3fb43] {
3895
+ .yd-layout-fade-enter-from[data-v-38d5b5bc],
3896
+ .yd-layout-fade-leave-to[data-v-38d5b5bc] {
3403
3897
  opacity: 0;
3404
3898
  }
3405
- .yd-layout-slide-enter-active[data-v-11c3fb43],
3406
- .yd-layout-slide-leave-active[data-v-11c3fb43] {
3899
+ .yd-layout-slide-enter-active[data-v-38d5b5bc],
3900
+ .yd-layout-slide-leave-active[data-v-38d5b5bc] {
3407
3901
  transition: all 0.2s ease;
3408
3902
  }
3409
- .yd-layout-slide-enter-from[data-v-11c3fb43],
3410
- .yd-layout-slide-leave-to[data-v-11c3fb43] {
3903
+ .yd-layout-slide-enter-from[data-v-38d5b5bc],
3904
+ .yd-layout-slide-leave-to[data-v-38d5b5bc] {
3411
3905
  opacity: 0;
3412
3906
  transform: translateY(-10px);
3413
3907
  }
3414
3908
 
3909
+ /* 亮色主题 - 独立使用时的默认值 */
3910
+ .yd-layout-sidebar--light[data-v-38d5b5bc] {
3911
+ --yd-layout-sidebar-bg: #ffffff;
3912
+ --yd-layout-sidebar-border: #e5e7eb;
3913
+ --yd-layout-sidebar-fg: #111827;
3914
+ --yd-layout-sidebar-fg-muted: #6b7280;
3915
+ --yd-layout-sidebar-hover-bg: #f3f4f6;
3916
+ --yd-layout-sidebar-active-bg: #eff6ff;
3917
+ --yd-layout-sidebar-active-fg: #2563eb;
3918
+ }
3919
+
3415
3920
  /* 暗色主题 */
3416
- .yd-layout-sidebar--dark[data-v-11c3fb43] {
3921
+ .yd-layout-sidebar--dark[data-v-38d5b5bc] {
3417
3922
  --yd-layout-sidebar-bg: #1a1a1a;
3418
3923
  --yd-layout-sidebar-border: #333;
3419
3924
  }
3420
- .yd-layout-sidebar--dark .yd-layout-sidebar__logo-title[data-v-11c3fb43] {
3925
+ .yd-layout-sidebar--dark .yd-layout-sidebar__logo-title[data-v-38d5b5bc] {
3421
3926
  color: #fff;
3422
3927
  }
3423
- .yd-layout-sidebar--dark .yd-layout-sidebar__menu-item--active[data-v-11c3fb43] {
3928
+ .yd-layout-sidebar--dark .yd-layout-sidebar__menu-item--active[data-v-38d5b5bc] {
3424
3929
  background: rgba(24, 144, 255, 0.15);
3425
3930
  color: var(--yd-color-primary-400);
3426
3931
  }
3427
3932
 
3428
3933
  /* 拖拽手柄 */
3429
- .yd-layout-sidebar__resize-handle[data-v-11c3fb43] {
3934
+ .yd-layout-sidebar__resize-handle[data-v-38d5b5bc] {
3430
3935
  position: absolute;
3431
3936
  top: 0;
3432
3937
  right: 0;
@@ -3437,14 +3942,14 @@ to {
3437
3942
  transition: background var(--yd-transition-fast);
3438
3943
  z-index: 10;
3439
3944
  }
3440
- .yd-layout-sidebar__resize-handle[data-v-11c3fb43]:hover,
3441
- .yd-layout-sidebar__resize-handle[data-v-11c3fb43]:active {
3945
+ .yd-layout-sidebar__resize-handle[data-v-38d5b5bc]:hover,
3946
+ .yd-layout-sidebar__resize-handle[data-v-38d5b5bc]:active {
3442
3947
  background: var(--yd-color-primary-400);
3443
3948
  }
3444
- .yd-layout-sidebar--collapsed .yd-layout-sidebar__resize-handle[data-v-11c3fb43] {
3949
+ .yd-layout-sidebar--collapsed .yd-layout-sidebar__resize-handle[data-v-38d5b5bc] {
3445
3950
  display: none;
3446
3951
  }
3447
- .yd-layout-sidebar--fixed .yd-layout-sidebar__resize-handle[data-v-11c3fb43] {
3952
+ .yd-layout-sidebar--fixed .yd-layout-sidebar__resize-handle[data-v-38d5b5bc] {
3448
3953
  display: none;
3449
3954
  }
3450
3955
 
@@ -4303,14 +4808,14 @@ to {
4303
4808
  padding-left: 0;
4304
4809
  }
4305
4810
 
4306
- .yd-drawer__overlay[data-v-3cbd3e99] {
4811
+ .yd-drawer__overlay[data-v-94becd9a] {
4307
4812
  position: fixed;
4308
4813
  inset: 0;
4309
4814
  z-index: 1000;
4310
- background: rgba(0, 0, 0, 0.45);
4815
+ background: var(--yd-overlay-bg);
4311
4816
  display: flex;
4312
4817
  }
4313
- .yd-drawer[data-v-3cbd3e99] {
4818
+ .yd-drawer[data-v-94becd9a] {
4314
4819
  position: absolute;
4315
4820
  background: var(--yd-color-bg);
4316
4821
  box-shadow: var(--yd-shadow-lg);
@@ -4320,16 +4825,16 @@ to {
4320
4825
  }
4321
4826
 
4322
4827
  /* Placement: right */
4323
- .yd-drawer--right[data-v-3cbd3e99] {
4828
+ .yd-drawer--right[data-v-94becd9a] {
4324
4829
  position: absolute;
4325
4830
  right: 0;
4326
4831
  top: 0;
4327
4832
  bottom: 0;
4328
4833
  border-left: 1px solid var(--yd-color-border);
4329
4834
  will-change: transform;
4330
- animation: yd-drawer-slide-right-3cbd3e99 0.3s ease;
4835
+ animation: yd-drawer-slide-right-94becd9a 0.3s ease;
4331
4836
  }
4332
- @keyframes yd-drawer-slide-right-3cbd3e99 {
4837
+ @keyframes yd-drawer-slide-right-94becd9a {
4333
4838
  from {
4334
4839
  transform: translateX(100%);
4335
4840
  }
@@ -4339,16 +4844,16 @@ to {
4339
4844
  }
4340
4845
 
4341
4846
  /* Placement: left */
4342
- .yd-drawer--left[data-v-3cbd3e99] {
4847
+ .yd-drawer--left[data-v-94becd9a] {
4343
4848
  position: absolute;
4344
4849
  left: 0;
4345
4850
  top: 0;
4346
4851
  bottom: 0;
4347
4852
  border-right: 1px solid var(--yd-color-border);
4348
4853
  will-change: transform;
4349
- animation: yd-drawer-slide-left-3cbd3e99 0.3s ease;
4854
+ animation: yd-drawer-slide-left-94becd9a 0.3s ease;
4350
4855
  }
4351
- @keyframes yd-drawer-slide-left-3cbd3e99 {
4856
+ @keyframes yd-drawer-slide-left-94becd9a {
4352
4857
  from {
4353
4858
  transform: translateX(-100%);
4354
4859
  }
@@ -4358,15 +4863,15 @@ to {
4358
4863
  }
4359
4864
 
4360
4865
  /* Placement: top */
4361
- .yd-drawer--top[data-v-3cbd3e99] {
4866
+ .yd-drawer--top[data-v-94becd9a] {
4362
4867
  top: 0;
4363
4868
  left: 0;
4364
4869
  right: 0;
4365
4870
  border-bottom: 1px solid var(--yd-color-border);
4366
4871
  will-change: transform;
4367
- animation: yd-drawer-slide-top-3cbd3e99 0.3s ease;
4872
+ animation: yd-drawer-slide-top-94becd9a 0.3s ease;
4368
4873
  }
4369
- @keyframes yd-drawer-slide-top-3cbd3e99 {
4874
+ @keyframes yd-drawer-slide-top-94becd9a {
4370
4875
  from {
4371
4876
  transform: translateY(-100%);
4372
4877
  }
@@ -4376,15 +4881,15 @@ to {
4376
4881
  }
4377
4882
 
4378
4883
  /* Placement: bottom */
4379
- .yd-drawer--bottom[data-v-3cbd3e99] {
4884
+ .yd-drawer--bottom[data-v-94becd9a] {
4380
4885
  bottom: 0;
4381
4886
  left: 0;
4382
4887
  right: 0;
4383
4888
  border-top: 1px solid var(--yd-color-border);
4384
4889
  will-change: transform;
4385
- animation: yd-drawer-slide-bottom-3cbd3e99 0.3s ease;
4890
+ animation: yd-drawer-slide-bottom-94becd9a 0.3s ease;
4386
4891
  }
4387
- @keyframes yd-drawer-slide-bottom-3cbd3e99 {
4892
+ @keyframes yd-drawer-slide-bottom-94becd9a {
4388
4893
  from {
4389
4894
  transform: translateY(100%);
4390
4895
  }
@@ -4394,20 +4899,20 @@ to {
4394
4899
  }
4395
4900
 
4396
4901
  /* Header */
4397
- .yd-drawer__header[data-v-3cbd3e99] {
4902
+ .yd-drawer__header[data-v-94becd9a] {
4398
4903
  display: flex;
4399
4904
  align-items: center;
4400
4905
  justify-content: space-between;
4401
4906
  padding: var(--yd-spacing-base) var(--yd-spacing-xl);
4402
4907
  border-bottom: 1px solid var(--yd-color-border);
4403
4908
  }
4404
- .yd-drawer__title[data-v-3cbd3e99] {
4909
+ .yd-drawer__title[data-v-94becd9a] {
4405
4910
  font-size: var(--yd-font-size-base);
4406
4911
  font-weight: var(--yd-font-weight-semibold);
4407
4912
  color: var(--yd-color-fg);
4408
4913
  margin: 0;
4409
4914
  }
4410
- .yd-drawer__close[data-v-3cbd3e99] {
4915
+ .yd-drawer__close[data-v-94becd9a] {
4411
4916
  display: flex;
4412
4917
  align-items: center;
4413
4918
  justify-content: center;
@@ -4420,32 +4925,32 @@ to {
4420
4925
  border-radius: var(--yd-radius-sm);
4421
4926
  transition: all var(--yd-transition-fast);
4422
4927
  }
4423
- .yd-drawer__close[data-v-3cbd3e99]:hover {
4928
+ .yd-drawer__close[data-v-94becd9a]:hover {
4424
4929
  background: var(--yd-color-muted);
4425
4930
  color: var(--yd-color-fg);
4426
4931
  }
4427
4932
 
4428
4933
  /* Body */
4429
- .yd-drawer__body[data-v-3cbd3e99] {
4934
+ .yd-drawer__body[data-v-94becd9a] {
4430
4935
  padding: var(--yd-spacing-xl);
4431
4936
  overflow-y: auto;
4432
4937
  flex: 1;
4433
4938
  }
4434
4939
 
4435
4940
  /* Footer */
4436
- .yd-drawer__footer[data-v-3cbd3e99] {
4941
+ .yd-drawer__footer[data-v-94becd9a] {
4437
4942
  padding: var(--yd-spacing-base) var(--yd-spacing-xl);
4438
4943
  border-top: 1px solid var(--yd-color-border);
4439
4944
  background: var(--yd-color-muted);
4440
4945
  }
4441
4946
 
4442
4947
  /* Transitions */
4443
- .yd-drawer-fade-enter-active[data-v-3cbd3e99],
4444
- .yd-drawer-fade-leave-active[data-v-3cbd3e99] {
4948
+ .yd-drawer-fade-enter-active[data-v-94becd9a],
4949
+ .yd-drawer-fade-leave-active[data-v-94becd9a] {
4445
4950
  transition: opacity 0.3s ease;
4446
4951
  }
4447
- .yd-drawer-fade-enter-from[data-v-3cbd3e99],
4448
- .yd-drawer-fade-leave-to[data-v-3cbd3e99] {
4952
+ .yd-drawer-fade-enter-from[data-v-94becd9a],
4953
+ .yd-drawer-fade-leave-to[data-v-94becd9a] {
4449
4954
  opacity: 0;
4450
4955
  }
4451
4956
 
@@ -4653,18 +5158,18 @@ to {
4653
5158
  opacity: 0;
4654
5159
  }
4655
5160
 
4656
- .yd-table-wrapper[data-v-c276ac4a] {
5161
+ .yd-table-wrapper[data-v-0736270c] {
4657
5162
  position: relative;
4658
5163
  overflow: auto;
4659
5164
  }
4660
- .yd-table-wrapper--bordered .yd-table__table[data-v-c276ac4a] {
5165
+ .yd-table-wrapper--bordered .yd-table__table[data-v-0736270c] {
4661
5166
  border: 1px solid var(--yd-color-border);
4662
5167
  }
4663
- .yd-table-wrapper--bordered .yd-table__th[data-v-c276ac4a],
4664
- .yd-table-wrapper--bordered .yd-table__td[data-v-c276ac4a] {
5168
+ .yd-table-wrapper--bordered .yd-table__th[data-v-0736270c],
5169
+ .yd-table-wrapper--bordered .yd-table__td[data-v-0736270c] {
4665
5170
  border: 1px solid var(--yd-color-border);
4666
5171
  }
4667
- .yd-table__loading[data-v-c276ac4a] {
5172
+ .yd-table__loading[data-v-0736270c] {
4668
5173
  position: absolute;
4669
5174
  inset: 0;
4670
5175
  background: rgba(255, 255, 255, 0.7);
@@ -4675,25 +5180,25 @@ to {
4675
5180
  gap: var(--yd-spacing-sm);
4676
5181
  z-index: 10;
4677
5182
  }
4678
- [data-theme="dark"] .yd-table__loading[data-v-c276ac4a] {
5183
+ [data-theme="dark"] .yd-table__loading[data-v-0736270c] {
4679
5184
  background: rgba(0, 0, 0, 0.5);
4680
5185
  }
4681
- .yd-table__wrapper[data-v-c276ac4a] {
5186
+ .yd-table__wrapper[data-v-0736270c] {
4682
5187
  overflow: auto;
4683
5188
  }
4684
- .yd-table__table[data-v-c276ac4a] {
5189
+ .yd-table__table[data-v-0736270c] {
4685
5190
  width: 100%;
4686
5191
  border-collapse: collapse;
4687
5192
  font-size: var(--yd-font-size-sm);
4688
5193
  position: relative;
4689
5194
  }
4690
- .yd-table__thead--sticky th[data-v-c276ac4a] {
5195
+ .yd-table__thead--sticky th[data-v-0736270c] {
4691
5196
  position: sticky;
4692
5197
  top: 0;
4693
5198
  z-index: 10;
4694
5199
  background: var(--yd-color-muted);
4695
5200
  }
4696
- .yd-table__th[data-v-c276ac4a] {
5201
+ .yd-table__th[data-v-0736270c] {
4697
5202
  padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4698
5203
  text-align: left;
4699
5204
  font-weight: var(--yd-font-weight-semibold);
@@ -4702,30 +5207,30 @@ to {
4702
5207
  border-bottom: 1px solid var(--yd-color-border);
4703
5208
  white-space: nowrap;
4704
5209
  }
4705
- .yd-table__th--fixed-left[data-v-c276ac4a],
4706
- .yd-table__td--fixed-left[data-v-c276ac4a] {
5210
+ .yd-table__th--fixed-left[data-v-0736270c],
5211
+ .yd-table__td--fixed-left[data-v-0736270c] {
4707
5212
  position: sticky;
4708
5213
  left: 0;
4709
5214
  z-index: 5;
4710
5215
  background: var(--yd-color-bg);
4711
5216
  }
4712
- .yd-table__th--fixed-right[data-v-c276ac4a],
4713
- .yd-table__td--fixed-right[data-v-c276ac4a] {
5217
+ .yd-table__th--fixed-right[data-v-0736270c],
5218
+ .yd-table__td--fixed-right[data-v-0736270c] {
4714
5219
  position: sticky;
4715
5220
  right: 0;
4716
5221
  z-index: 5;
4717
5222
  background: var(--yd-color-bg);
4718
5223
  }
4719
- .yd-table__thead--sticky .yd-table__th--fixed-left[data-v-c276ac4a],
4720
- .yd-table__thead--sticky .yd-table__th--fixed-right[data-v-c276ac4a] {
5224
+ .yd-table__thead--sticky .yd-table__th--fixed-left[data-v-0736270c],
5225
+ .yd-table__thead--sticky .yd-table__th--fixed-right[data-v-0736270c] {
4721
5226
  z-index: 15;
4722
5227
  }
4723
- .yd-table__th-content[data-v-c276ac4a] {
5228
+ .yd-table__th-content[data-v-0736270c] {
4724
5229
  display: flex;
4725
5230
  align-items: center;
4726
5231
  gap: var(--yd-spacing-xs);
4727
5232
  }
4728
- .yd-table__sort-btn[data-v-c276ac4a] {
5233
+ .yd-table__sort-btn[data-v-0736270c] {
4729
5234
  background: none;
4730
5235
  border: none;
4731
5236
  cursor: pointer;
@@ -4733,10 +5238,47 @@ to {
4733
5238
  padding: 0;
4734
5239
  display: inline-flex;
4735
5240
  }
4736
- .yd-table__sort-btn[data-v-c276ac4a]:hover {
5241
+ .yd-table__sort-btn[data-v-0736270c]:hover {
4737
5242
  color: var(--yd-color-fg);
4738
5243
  }
4739
- .yd-table__td[data-v-c276ac4a] {
5244
+
5245
+ /* Column resize handle */
5246
+ .yd-table__th--resizable[data-v-0736270c] {
5247
+ position: relative;
5248
+ }
5249
+ .yd-table__resize-handle[data-v-0736270c] {
5250
+ position: absolute;
5251
+ right: 0;
5252
+ top: 0;
5253
+ bottom: 0;
5254
+ width: 5px;
5255
+ cursor: col-resize;
5256
+ background: transparent;
5257
+ transition: background 0.2s;
5258
+ }
5259
+ .yd-table__resize-handle[data-v-0736270c]:hover {
5260
+ background: var(--yd-color-primary-500);
5261
+ }
5262
+
5263
+ /* Column drag/drop */
5264
+ .yd-table__th--draggable[data-v-0736270c] {
5265
+ cursor: grab;
5266
+ user-select: none;
5267
+ }
5268
+ .yd-table__th--draggable[data-v-0736270c]:active {
5269
+ cursor: grabbing;
5270
+ }
5271
+ .yd-table__th--dragging[data-v-0736270c] {
5272
+ opacity: 0.5;
5273
+ background: var(--yd-color-muted);
5274
+ }
5275
+ .yd-table__th--drag-over[data-v-0736270c] {
5276
+ border-left: 2px solid var(--yd-color-primary-500);
5277
+ }
5278
+ .yd-table__resize-handle[data-v-0736270c]:active {
5279
+ background: var(--yd-color-primary-700);
5280
+ }
5281
+ .yd-table__td[data-v-0736270c] {
4740
5282
  padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4741
5283
  border-bottom: 1px solid var(--yd-color-border);
4742
5284
  color: var(--yd-color-fg);
@@ -4744,23 +5286,23 @@ to {
4744
5286
  text-overflow: ellipsis;
4745
5287
  white-space: nowrap;
4746
5288
  }
4747
- .yd-table__td--ellipsis[data-v-c276ac4a] {
5289
+ .yd-table__td--ellipsis[data-v-0736270c] {
4748
5290
  overflow: hidden;
4749
5291
  text-overflow: ellipsis;
4750
5292
  white-space: nowrap;
4751
5293
  cursor: default;
4752
5294
  }
4753
- .yd-table__th--center[data-v-c276ac4a],
4754
- .yd-table__td--center[data-v-c276ac4a] {
5295
+ .yd-table__th--center[data-v-0736270c],
5296
+ .yd-table__td--center[data-v-0736270c] {
4755
5297
  text-align: center;
4756
5298
  }
4757
5299
 
4758
5300
  /* Virtual scroll optimization */
4759
- .yd-table__virtual-container[data-v-c276ac4a] {
5301
+ .yd-table__virtual-container[data-v-0736270c] {
4760
5302
  position: relative;
4761
5303
  width: 100%;
4762
5304
  }
4763
- .yd-table__virtual-header[data-v-c276ac4a] {
5305
+ .yd-table__virtual-header[data-v-0736270c] {
4764
5306
  position: sticky;
4765
5307
  top: 0;
4766
5308
  z-index: 10;
@@ -4769,7 +5311,7 @@ to {
4769
5311
  background: var(--yd-color-muted);
4770
5312
  border-bottom: 1px solid var(--yd-color-border);
4771
5313
  }
4772
- .yd-table__virtual-header .yd-table__th[data-v-c276ac4a] {
5314
+ .yd-table__virtual-header .yd-table__th[data-v-0736270c] {
4773
5315
  padding: var(--yd-spacing-sm) var(--yd-spacing-base);
4774
5316
  text-align: left;
4775
5317
  font-weight: var(--yd-font-weight-semibold);
@@ -4778,56 +5320,56 @@ to {
4778
5320
  display: flex;
4779
5321
  align-items: center;
4780
5322
  }
4781
- .yd-table__tr[data-v-c276ac4a] {
5323
+ .yd-table__tr[data-v-0736270c] {
4782
5324
  will-change: auto;
4783
5325
  border-bottom: 1px solid var(--yd-color-border);
4784
5326
  }
4785
- .yd-table__th--right[data-v-c276ac4a],
4786
- .yd-table__td--right[data-v-c276ac4a] {
5327
+ .yd-table__th--right[data-v-0736270c],
5328
+ .yd-table__td--right[data-v-0736270c] {
4787
5329
  text-align: right;
4788
5330
  }
4789
- .yd-table__tr--hover[data-v-c276ac4a]:hover {
5331
+ .yd-table__tr--hover[data-v-0736270c]:hover {
4790
5332
  background: var(--yd-color-muted);
4791
5333
  }
4792
- .yd-table__tr--stripe[data-v-c276ac4a] {
5334
+ .yd-table__tr--stripe[data-v-0736270c] {
4793
5335
  background: var(--yd-color-muted);
4794
5336
  }
4795
- .yd-table__empty[data-v-c276ac4a] {
5337
+ .yd-table__empty[data-v-0736270c] {
4796
5338
  padding: var(--yd-spacing-3xl) var(--yd-spacing-base);
4797
5339
  text-align: center;
4798
5340
  }
4799
- .yd-table__expand-icon[data-v-c276ac4a] {
5341
+ .yd-table__expand-icon[data-v-0736270c] {
4800
5342
  cursor: pointer;
4801
5343
  display: inline-block;
4802
5344
  transition: transform var(--yd-transition-fast);
4803
5345
  color: var(--yd-color-muted-fg);
4804
5346
  }
4805
- .yd-table__expand-icon--expanded[data-v-c276ac4a] {
5347
+ .yd-table__expand-icon--expanded[data-v-0736270c] {
4806
5348
  transform: rotate(90deg);
4807
5349
  }
4808
- .yd-table__expand-all[data-v-c276ac4a] {
5350
+ .yd-table__expand-all[data-v-0736270c] {
4809
5351
  cursor: pointer;
4810
5352
  display: inline-block;
4811
5353
  transition: transform var(--yd-transition-fast);
4812
5354
  color: var(--yd-color-muted-fg);
4813
5355
  }
4814
- .yd-table__expand-all[data-v-c276ac4a]:hover {
5356
+ .yd-table__expand-all[data-v-0736270c]:hover {
4815
5357
  color: var(--yd-color-primary-500);
4816
5358
  }
4817
- .yd-table__expand-row[data-v-c276ac4a] {
5359
+ .yd-table__expand-row[data-v-0736270c] {
4818
5360
  background: var(--yd-color-muted);
4819
5361
  }
4820
- .yd-table__expand-cell[data-v-c276ac4a] {
5362
+ .yd-table__expand-cell[data-v-0736270c] {
4821
5363
  padding: var(--yd-spacing-base);
4822
5364
  }
4823
- .yd-table__pagination[data-v-c276ac4a] {
5365
+ .yd-table__pagination[data-v-0736270c] {
4824
5366
  display: flex;
4825
5367
  align-items: center;
4826
5368
  justify-content: flex-end;
4827
5369
  gap: var(--yd-spacing-xs);
4828
5370
  padding: var(--yd-spacing-base) 0;
4829
5371
  }
4830
- .yd-table__page-btn[data-v-c276ac4a] {
5372
+ .yd-table__page-btn[data-v-0736270c] {
4831
5373
  display: inline-flex;
4832
5374
  align-items: center;
4833
5375
  justify-content: center;
@@ -4842,32 +5384,32 @@ to {
4842
5384
  color: var(--yd-color-fg);
4843
5385
  transition: all var(--yd-transition-fast);
4844
5386
  }
4845
- .yd-table__page-btn[data-v-c276ac4a]:hover:not(:disabled) {
5387
+ .yd-table__page-btn[data-v-0736270c]:hover:not(:disabled) {
4846
5388
  border-color: var(--yd-color-primary-500);
4847
5389
  color: var(--yd-color-primary-600);
4848
5390
  }
4849
- .yd-table__page-btn--active[data-v-c276ac4a] {
5391
+ .yd-table__page-btn--active[data-v-0736270c] {
4850
5392
  background: var(--yd-color-primary-500);
4851
5393
  color: #fff;
4852
5394
  border-color: var(--yd-color-primary-500);
4853
5395
  }
4854
- .yd-table__page-btn[data-v-c276ac4a]:disabled {
5396
+ .yd-table__page-btn[data-v-0736270c]:disabled {
4855
5397
  opacity: 0.5;
4856
5398
  cursor: not-allowed;
4857
5399
  }
4858
- .yd-table__page-info[data-v-c276ac4a] {
5400
+ .yd-table__page-info[data-v-0736270c] {
4859
5401
  font-size: var(--yd-font-size-xs);
4860
5402
  color: var(--yd-color-muted-fg);
4861
5403
  margin-left: var(--yd-spacing-sm);
4862
5404
  }
4863
5405
 
4864
5406
  /* Export toolbar */
4865
- .yd-table__export-toolbar[data-v-c276ac4a] {
5407
+ .yd-table__export-toolbar[data-v-0736270c] {
4866
5408
  display: flex;
4867
5409
  gap: var(--yd-spacing-sm);
4868
5410
  margin-bottom: var(--yd-spacing-sm);
4869
5411
  }
4870
- .yd-table__export-btn[data-v-c276ac4a] {
5412
+ .yd-table__export-btn[data-v-0736270c] {
4871
5413
  padding: var(--yd-spacing-xs) var(--yd-spacing-base);
4872
5414
  border: 1px solid var(--yd-color-border);
4873
5415
  border-radius: var(--yd-radius-sm);
@@ -4877,14 +5419,14 @@ to {
4877
5419
  cursor: pointer;
4878
5420
  transition: all var(--yd-transition-fast);
4879
5421
  }
4880
- .yd-table__export-btn[data-v-c276ac4a]:hover {
5422
+ .yd-table__export-btn[data-v-0736270c]:hover {
4881
5423
  border-color: var(--yd-color-primary-500);
4882
5424
  color: var(--yd-color-primary-600);
4883
5425
  background: var(--yd-color-primary-50);
4884
5426
  }
4885
5427
 
4886
5428
  /* Cell overflow tooltip */
4887
- .yd-table__cell-tooltip[data-v-c276ac4a] {
5429
+ .yd-table__cell-tooltip[data-v-0736270c] {
4888
5430
  position: fixed;
4889
5431
  padding: 4px 10px;
4890
5432
  background: var(--yd-color-neutral-800);
@@ -4898,47 +5440,47 @@ to {
4898
5440
  box-shadow: var(--yd-shadow-md);
4899
5441
  pointer-events: none;
4900
5442
  }
4901
- [data-theme="dark"] .yd-table__cell-tooltip[data-v-c276ac4a] {
5443
+ [data-theme="dark"] .yd-table__cell-tooltip[data-v-0736270c] {
4902
5444
  background: var(--yd-color-neutral-200);
4903
5445
  color: var(--yd-color-neutral-900);
4904
5446
  }
4905
- .yd-tooltip-enter-active[data-v-c276ac4a],
4906
- .yd-tooltip-leave-active[data-v-c276ac4a] {
5447
+ .yd-tooltip-enter-active[data-v-0736270c],
5448
+ .yd-tooltip-leave-active[data-v-0736270c] {
4907
5449
  transition: opacity 0.15s ease;
4908
5450
  }
4909
- .yd-tooltip-enter-from[data-v-c276ac4a],
4910
- .yd-tooltip-leave-to[data-v-c276ac4a] {
5451
+ .yd-tooltip-enter-from[data-v-0736270c],
5452
+ .yd-tooltip-leave-to[data-v-0736270c] {
4911
5453
  opacity: 0;
4912
5454
  }
4913
5455
 
4914
5456
  /* Skeleton styles */
4915
- .yd-table__skeleton-wrapper[data-v-c276ac4a] {
5457
+ .yd-table__skeleton-wrapper[data-v-0736270c] {
4916
5458
  width: 100%;
4917
5459
  }
4918
- .yd-table__skeleton-table[data-v-c276ac4a] {
5460
+ .yd-table__skeleton-table[data-v-0736270c] {
4919
5461
  width: 100%;
4920
5462
  border-collapse: collapse;
4921
5463
  }
4922
- .yd-table__skeleton-header-row[data-v-c276ac4a] {
5464
+ .yd-table__skeleton-header-row[data-v-0736270c] {
4923
5465
  background: var(--yd-color-muted);
4924
5466
  }
4925
- .yd-table__skeleton-cell[data-v-c276ac4a] {
5467
+ .yd-table__skeleton-cell[data-v-0736270c] {
4926
5468
  padding: var(--yd-spacing-md) var(--yd-spacing-base);
4927
5469
  border-bottom: 1px solid var(--yd-color-border);
4928
5470
  }
4929
- .yd-table__skeleton-title[data-v-c276ac4a] {
5471
+ .yd-table__skeleton-title[data-v-0736270c] {
4930
5472
  height: 16px;
4931
5473
  width: 60%;
4932
5474
  background: var(--yd-color-muted);
4933
5475
  border-radius: var(--yd-radius-sm);
4934
5476
  }
4935
- .yd-table__skeleton-row[data-v-c276ac4a] {
5477
+ .yd-table__skeleton-row[data-v-0736270c] {
4936
5478
  border-bottom: 1px solid var(--yd-color-border);
4937
5479
  }
4938
- .yd-table__skeleton-row--stripe[data-v-c276ac4a] {
5480
+ .yd-table__skeleton-row--stripe[data-v-0736270c] {
4939
5481
  background: var(--yd-color-muted);
4940
5482
  }
4941
- .yd-table__skeleton-content[data-v-c276ac4a] {
5483
+ .yd-table__skeleton-content[data-v-0736270c] {
4942
5484
  height: 16px;
4943
5485
  background: linear-gradient(
4944
5486
  90deg,
@@ -4948,9 +5490,9 @@ to {
4948
5490
  );
4949
5491
  background-size: 200% 100%;
4950
5492
  border-radius: var(--yd-radius-sm);
4951
- animation: yd-table-skeleton-shimmer-c276ac4a 1.5s infinite;
5493
+ animation: yd-table-skeleton-shimmer-0736270c 1.5s infinite;
4952
5494
  }
4953
- @keyframes yd-table-skeleton-shimmer-c276ac4a {
5495
+ @keyframes yd-table-skeleton-shimmer-0736270c {
4954
5496
  0% {
4955
5497
  background-position: 200% 0;
4956
5498
  }
@@ -5494,12 +6036,12 @@ to {
5494
6036
  font-weight: var(--yd-font-weight-medium);
5495
6037
  }
5496
6038
 
5497
- .yd-pagination[data-v-f4020c55] {
6039
+ .yd-pagination[data-v-9e7079e4] {
5498
6040
  display: inline-flex;
5499
6041
  align-items: center;
5500
6042
  gap: var(--yd-spacing-xs);
5501
6043
  }
5502
- .yd-pagination__btn[data-v-f4020c55] {
6044
+ .yd-pagination__btn[data-v-9e7079e4] {
5503
6045
  display: inline-flex;
5504
6046
  align-items: center;
5505
6047
  justify-content: center;
@@ -5514,30 +6056,30 @@ to {
5514
6056
  color: var(--yd-color-fg);
5515
6057
  transition: all var(--yd-transition-fast);
5516
6058
  }
5517
- .yd-pagination__btn[data-v-f4020c55]:hover:not(:disabled) {
6059
+ .yd-pagination__btn[data-v-9e7079e4]:hover:not(:disabled) {
5518
6060
  border-color: var(--yd-color-primary-500);
5519
6061
  color: var(--yd-color-primary-600);
5520
6062
  }
5521
- .yd-pagination__btn--active[data-v-f4020c55] {
6063
+ .yd-pagination__btn--active[data-v-9e7079e4] {
5522
6064
  background: var(--yd-color-primary-500);
5523
- color: #fff;
6065
+ color: var(--yd-color-bg);
5524
6066
  border-color: var(--yd-color-primary-500);
5525
6067
  }
5526
- .yd-pagination__btn--ellipsis[data-v-f4020c55] {
6068
+ .yd-pagination__btn--ellipsis[data-v-9e7079e4] {
5527
6069
  border: none;
5528
6070
  background: transparent;
5529
6071
  cursor: default;
5530
6072
  }
5531
- .yd-pagination__btn[data-v-f4020c55]:disabled {
6073
+ .yd-pagination__btn[data-v-9e7079e4]:disabled {
5532
6074
  opacity: 0.5;
5533
6075
  cursor: not-allowed;
5534
6076
  }
5535
- .yd-pagination__total[data-v-f4020c55] {
6077
+ .yd-pagination__total[data-v-9e7079e4] {
5536
6078
  font-size: var(--yd-font-size-sm);
5537
6079
  color: var(--yd-color-muted-fg);
5538
6080
  margin-left: var(--yd-spacing-sm);
5539
6081
  }
5540
- .yd-pagination__size-changer[data-v-f4020c55] {
6082
+ .yd-pagination__size-changer[data-v-9e7079e4] {
5541
6083
  height: 32px;
5542
6084
  padding: 0 var(--yd-spacing-sm);
5543
6085
  border: 1px solid var(--yd-color-border);
@@ -5545,14 +6087,14 @@ to {
5545
6087
  background: var(--yd-color-bg);
5546
6088
  font-size: var(--yd-font-size-sm);
5547
6089
  }
5548
- .yd-pagination__jumper[data-v-f4020c55] {
6090
+ .yd-pagination__jumper[data-v-9e7079e4] {
5549
6091
  display: inline-flex;
5550
6092
  align-items: center;
5551
6093
  gap: var(--yd-spacing-xs);
5552
6094
  font-size: var(--yd-font-size-sm);
5553
6095
  color: var(--yd-color-muted-fg);
5554
6096
  }
5555
- .yd-pagination__input[data-v-f4020c55] {
6097
+ .yd-pagination__input[data-v-9e7079e4] {
5556
6098
  width: 50px;
5557
6099
  height: 32px;
5558
6100
  padding: 0 var(--yd-spacing-sm);
@@ -5723,16 +6265,16 @@ to {
5723
6265
  color: var(--yd-color-primary-500);
5724
6266
  }
5725
6267
 
5726
- .yd-modal-overlay[data-v-770df8cd] {
6268
+ .yd-modal-overlay[data-v-9c8fa661] {
5727
6269
  position: fixed;
5728
6270
  inset: 0;
5729
6271
  z-index: 1000;
5730
6272
  display: flex;
5731
6273
  align-items: center;
5732
6274
  justify-content: center;
5733
- background: rgba(0, 0, 0, 0.45);
6275
+ background: var(--yd-overlay-bg);
5734
6276
  }
5735
- .yd-modal[data-v-770df8cd] {
6277
+ .yd-modal[data-v-9c8fa661] {
5736
6278
  background: var(--yd-color-bg);
5737
6279
  border-radius: var(--yd-radius-lg);
5738
6280
  box-shadow: var(--yd-shadow-lg);
@@ -5740,9 +6282,9 @@ to {
5740
6282
  display: flex;
5741
6283
  flex-direction: column;
5742
6284
  overflow: hidden;
5743
- animation: yd-modal-zoom-770df8cd 0.2s ease;
6285
+ animation: yd-modal-zoom-9c8fa661 0.2s ease;
5744
6286
  }
5745
- @keyframes yd-modal-zoom-770df8cd {
6287
+ @keyframes yd-modal-zoom-9c8fa661 {
5746
6288
  from {
5747
6289
  opacity: 0;
5748
6290
  transform: scale(0.95);
@@ -5752,7 +6294,7 @@ to {
5752
6294
  transform: scale(1);
5753
6295
  }
5754
6296
  }
5755
- .yd-modal__header[data-v-770df8cd] {
6297
+ .yd-modal__header[data-v-9c8fa661] {
5756
6298
  display: flex;
5757
6299
  align-items: center;
5758
6300
  justify-content: space-between;
@@ -5760,13 +6302,13 @@ to {
5760
6302
  border-bottom: 1px solid var(--yd-color-border);
5761
6303
  flex-shrink: 0;
5762
6304
  }
5763
- .yd-modal__title[data-v-770df8cd] {
6305
+ .yd-modal__title[data-v-9c8fa661] {
5764
6306
  font-size: var(--yd-font-size-base);
5765
6307
  font-weight: var(--yd-font-weight-semibold);
5766
6308
  color: var(--yd-color-fg);
5767
6309
  margin: 0;
5768
6310
  }
5769
- .yd-modal__close[data-v-770df8cd] {
6311
+ .yd-modal__close[data-v-9c8fa661] {
5770
6312
  display: flex;
5771
6313
  align-items: center;
5772
6314
  justify-content: center;
@@ -5779,17 +6321,17 @@ to {
5779
6321
  border-radius: var(--yd-radius-sm);
5780
6322
  transition: all var(--yd-transition-fast);
5781
6323
  }
5782
- .yd-modal__close[data-v-770df8cd]:hover {
6324
+ .yd-modal__close[data-v-9c8fa661]:hover {
5783
6325
  background: var(--yd-color-muted);
5784
6326
  color: var(--yd-color-fg);
5785
6327
  }
5786
- .yd-modal__body[data-v-770df8cd] {
6328
+ .yd-modal__body[data-v-9c8fa661] {
5787
6329
  padding: var(--yd-spacing-xl);
5788
6330
  overflow-y: auto;
5789
6331
  flex: 1;
5790
6332
  min-height: 0;
5791
6333
  }
5792
- .yd-modal__footer[data-v-770df8cd] {
6334
+ .yd-modal__footer[data-v-9c8fa661] {
5793
6335
  display: flex;
5794
6336
  justify-content: flex-end;
5795
6337
  gap: var(--yd-spacing-sm);
@@ -5800,25 +6342,25 @@ to {
5800
6342
  }
5801
6343
 
5802
6344
  /* Transitions */
5803
- .yd-modal-fade-enter-active[data-v-770df8cd],
5804
- .yd-modal-fade-leave-active[data-v-770df8cd] {
6345
+ .yd-modal-fade-enter-active[data-v-9c8fa661],
6346
+ .yd-modal-fade-leave-active[data-v-9c8fa661] {
5805
6347
  transition: opacity 0.2s ease;
5806
6348
  }
5807
- .yd-modal-fade-enter-active .yd-modal[data-v-770df8cd],
5808
- .yd-modal-fade-leave-active .yd-modal[data-v-770df8cd] {
6349
+ .yd-modal-fade-enter-active .yd-modal[data-v-9c8fa661],
6350
+ .yd-modal-fade-leave-active .yd-modal[data-v-9c8fa661] {
5809
6351
  will-change: transform, opacity;
5810
6352
  transition:
5811
6353
  transform 0.2s ease,
5812
6354
  opacity 0.2s ease;
5813
6355
  }
5814
- .yd-modal-fade-enter-from[data-v-770df8cd],
5815
- .yd-modal-fade-leave-to[data-v-770df8cd] {
6356
+ .yd-modal-fade-enter-from[data-v-9c8fa661],
6357
+ .yd-modal-fade-leave-to[data-v-9c8fa661] {
5816
6358
  opacity: 0;
5817
6359
  }
5818
- .yd-modal-fade-enter-from .yd-modal[data-v-770df8cd] {
6360
+ .yd-modal-fade-enter-from .yd-modal[data-v-9c8fa661] {
5819
6361
  transform: scale(0.95);
5820
6362
  }
5821
- .yd-modal-fade-leave-to .yd-modal[data-v-770df8cd] {
6363
+ .yd-modal-fade-leave-to .yd-modal[data-v-9c8fa661] {
5822
6364
  transform: scale(0.95);
5823
6365
  }
5824
6366