xto-fronted 0.4.113 → 0.5.0

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 (114) hide show
  1. package/dist/assets/404-BYUyVmEj.js +1 -0
  2. package/dist/assets/404-CcAc5uFh.css +1 -0
  3. package/dist/assets/_plugin-vue_export-helper-DlAUqK2U.js +1 -0
  4. package/dist/assets/index-4oN1au3P.css +1 -0
  5. package/dist/assets/index-BEwGthu5.js +1 -0
  6. package/dist/assets/index-BG5gsGCY.js +1 -0
  7. package/dist/assets/index-BHABoX0X.css +1 -0
  8. package/dist/assets/index-BRR97dc6.js +1 -0
  9. package/dist/assets/index-BUqGJdah.css +1 -0
  10. package/dist/assets/index-BvN8lC5q.js +1 -0
  11. package/dist/assets/index-C6ibP7SB.css +1 -0
  12. package/dist/assets/index-CJGmoNxx.css +1 -0
  13. package/dist/assets/index-DPrbBY2e.css +1 -0
  14. package/dist/assets/index-DUV7VLAm.js +2 -0
  15. package/dist/assets/index-DcPnYH2c.js +1 -0
  16. package/dist/assets/index-DhwBftHU.css +1 -0
  17. package/dist/assets/index-oc3LDwZZ.js +1 -0
  18. package/dist/assets/index-vuy5HH8m.js +1 -0
  19. package/dist/assets/vendor-CWD9azq9.js +16 -0
  20. package/dist/assets/vue-vendor-sSbh4bdR.js +29 -0
  21. package/dist/assets/xto-base-Bv2ek7Ha.css +1 -0
  22. package/dist/assets/xto-base-kM8Cl-e6.js +1 -0
  23. package/dist/assets/xto-business-CW6DXcvI.css +1 -0
  24. package/dist/assets/xto-core-DsKtn1lm.js +1 -0
  25. package/dist/assets/xto-data-CDPTH0CA.js +1 -0
  26. package/dist/assets/xto-data-CEFTtli6.css +1 -0
  27. package/dist/assets/xto-feedback-Di1AeKNY.css +1 -0
  28. package/dist/assets/xto-feedback-Dp_1dES5.js +1 -0
  29. package/dist/assets/xto-form-Bl3jCZ4e.js +1 -0
  30. package/dist/assets/xto-form-DC11rd9L.css +1 -0
  31. package/dist/assets/xto-layout-BR7iLA0e.css +1 -0
  32. package/dist/assets/xto-navigation-Bl-kwgN_.css +1 -0
  33. package/dist/assets/xto-navigation-Brox2Ork.js +1 -0
  34. package/dist/index.html +28 -0
  35. package/package.json +18 -19
  36. package/src/App.vue +9 -9
  37. package/src/assets/styles/_dark.scss +181 -181
  38. package/src/assets/styles/_reset.scss +14 -14
  39. package/src/assets/styles/_root.scss +153 -132
  40. package/src/assets/styles/_transition.scss +10 -10
  41. package/src/assets/styles/_variables.scss +26 -25
  42. package/src/assets/styles/index.scss +62 -62
  43. package/src/components/Layout/Footer.vue +1 -1
  44. package/src/components/Layout/Header.vue +69 -69
  45. package/src/components/Layout/MixTopMenu.vue +66 -66
  46. package/src/components/Layout/Sidebar.vue +6 -6
  47. package/src/components/Layout/SidebarMenuItem.vue +3 -3
  48. package/src/components/Layout/Tabs.vue +6 -6
  49. package/src/components/Layout/TopMenu.vue +66 -66
  50. package/src/components/Layout/index.vue +7 -7
  51. package/src/stores/app.ts +4 -4
  52. package/src/style.scss +14 -14
  53. package/src/views/dashboard/index.vue +54 -54
  54. package/src/views/error/403.vue +18 -18
  55. package/src/views/error/404.vue +23 -23
  56. package/src/views/login/index.vue +20 -20
  57. package/src/views/system/menu/index.vue +26 -26
  58. package/src/views/system/role/index.vue +27 -27
  59. package/src/views/system/user/index.vue +30 -30
  60. package/dist/App.vue.d.ts +0 -2
  61. package/dist/api/auth.d.ts +0 -8
  62. package/dist/api/index.d.ts +0 -6
  63. package/dist/api/index.js +0 -26
  64. package/dist/api/system.d.ts +0 -16
  65. package/dist/api/user.d.ts +0 -13
  66. package/dist/api.d.ts +0 -2
  67. package/dist/components/Layout/Footer.vue.d.ts +0 -2
  68. package/dist/components/Layout/Header.vue.d.ts +0 -5
  69. package/dist/components/Layout/MixTopMenu.vue.d.ts +0 -10
  70. package/dist/components/Layout/Sidebar.vue.d.ts +0 -13
  71. package/dist/components/Layout/SidebarMenuItem.vue.d.ts +0 -5
  72. package/dist/components/Layout/Tabs.vue.d.ts +0 -2
  73. package/dist/components/Layout/TopMenu.vue.d.ts +0 -10
  74. package/dist/components/Layout/index.vue.d.ts +0 -7
  75. package/dist/composables/useApp.d.ts +0 -30
  76. package/dist/composables/useAuth.d.ts +0 -6
  77. package/dist/composables/useForm.d.ts +0 -20
  78. package/dist/composables/useI18n.d.ts +0 -30
  79. package/dist/composables/useTable.d.ts +0 -29
  80. package/dist/directives/permission.d.ts +0 -4
  81. package/dist/enums/index.d.ts +0 -32
  82. package/dist/index-11ZvkUE8.js +0 -641
  83. package/dist/index-BVEs9eIP.js +0 -3171
  84. package/dist/index-BuVnk-Ka.js +0 -189
  85. package/dist/index-CPUyTvNq.js +0 -479
  86. package/dist/index-CaIet-zn.js +0 -515
  87. package/dist/index.d.ts +0 -63
  88. package/dist/index.js +0 -99
  89. package/dist/main.d.ts +0 -0
  90. package/dist/router/dynamicRoutes.d.ts +0 -30
  91. package/dist/router/guards.d.ts +0 -17
  92. package/dist/router/index.d.ts +0 -6
  93. package/dist/router/layoutRoute.d.ts +0 -23
  94. package/dist/router/staticRoutes.d.ts +0 -2
  95. package/dist/stores/app.d.ts +0 -99
  96. package/dist/stores/auth.d.ts +0 -41
  97. package/dist/stores/index.d.ts +0 -10
  98. package/dist/stores/locale.d.ts +0 -42
  99. package/dist/stores/menu.d.ts +0 -83
  100. package/dist/stores/user.d.ts +0 -101
  101. package/dist/style.css +0 -1
  102. package/dist/user-ChcAx-5W.js +0 -1186
  103. package/dist/utils/auth.d.ts +0 -27
  104. package/dist/utils/config.d.ts +0 -51
  105. package/dist/utils/permission.d.ts +0 -17
  106. package/dist/utils/request.d.ts +0 -34
  107. package/dist/utils/storage.d.ts +0 -24
  108. package/dist/views/dashboard/index.vue.d.ts +0 -2
  109. package/dist/views/error/403.vue.d.ts +0 -2
  110. package/dist/views/error/404.vue.d.ts +0 -2
  111. package/dist/views/login/index.vue.d.ts +0 -4
  112. package/dist/views/system/menu/index.vue.d.ts +0 -4
  113. package/dist/views/system/role/index.vue.d.ts +0 -4
  114. package/dist/views/system/user/index.vue.d.ts +0 -4
package/src/components/Layout/Header.vue CHANGED
@@ -480,8 +480,8 @@ onUnmounted(() => {
480
480
  justify-content: space-between;
481
481
  padding: 0 20px;
482
482
  height: 100%;
483
- background-color: var(--bg-color);
484
- border-bottom: 1px solid var(--color-border-lighter);
483
+ background-color: var(--xto-bg-color, #FFFFFF);
484
+ border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
485
485
 
486
486
  &__left {
487
487
  display: flex;
@@ -496,25 +496,25 @@ onUnmounted(() => {
496
496
  align-items: center;
497
497
  justify-content: center;
498
498
  cursor: pointer;
499
- color: var(--color-text-regular);
499
+ color: var(--xto-color-text-regular, #4B5563);
500
500
  transition: color 0.2s;
501
501
 
502
502
  &:hover {
503
- color: var(--color-primary);
503
+ color: var(--xto-color-primary, #4F46E5);
504
504
  }
505
505
  }
506
506
 
507
507
  &__breadcrumb {
508
508
  font-size: 14px;
509
- color: var(--color-text-secondary);
509
+ color: var(--xto-color-text-secondary, #6B7280);
510
510
 
511
511
  .breadcrumb-separator {
512
512
  margin: 0 8px;
513
- color: var(--color-text-placeholder);
513
+ color: var(--xto-color-text-placeholder, #9CA3AF);
514
514
  }
515
515
 
516
516
  .is-current {
517
- color: var(--color-text-primary);
517
+ color: var(--xto-color-text-primary, #1F2937);
518
518
  font-weight: 500;
519
519
  }
520
520
  }
@@ -529,28 +529,28 @@ onUnmounted(() => {
529
529
  position: relative;
530
530
  display: flex;
531
531
  align-items: center;
532
- background-color: var(--color-fill-light);
533
- border-radius: var(--border-radius-base);
532
+ background-color: var(--xto-fill-color-light, #F9FAFB);
533
+ border-radius: var(--xto-border-radius-base, 6px);
534
534
  padding: 0 12px;
535
535
  height: 32px;
536
536
  width: 200px;
537
537
 
538
538
  &-icon {
539
- color: var(--color-text-secondary);
539
+ color: var(--xto-color-text-secondary, #6B7280);
540
540
  }
541
541
 
542
542
  &-input {
543
543
  flex: 1;
544
544
  height: 100%;
545
545
  font-size: 14px;
546
- color: var(--color-text-primary);
546
+ color: var(--xto-color-text-primary, #1F2937);
547
547
  background: transparent;
548
548
  border: none;
549
549
  outline: none;
550
550
  padding-left: 8px;
551
551
 
552
552
  &::placeholder {
553
- color: var(--color-text-placeholder);
553
+ color: var(--xto-color-text-placeholder, #9CA3AF);
554
554
  }
555
555
  }
556
556
 
@@ -562,9 +562,9 @@ onUnmounted(() => {
562
562
  min-width: 200px;
563
563
  max-height: 300px;
564
564
  overflow-y: auto;
565
- background-color: var(--bg-color);
566
- border-radius: var(--border-radius-base);
567
- box-shadow: var(--box-shadow);
565
+ background-color: var(--xto-bg-color, #FFFFFF);
566
+ border-radius: var(--xto-border-radius-base, 6px);
567
+ box-shadow: var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1));
568
568
  z-index: 100;
569
569
  }
570
570
 
@@ -581,17 +581,17 @@ onUnmounted(() => {
581
581
  transition: background-color 0.2s;
582
582
 
583
583
  &:hover {
584
- background-color: var(--color-fill);
584
+ background-color: var(--xto-fill-color, #F3F4F6);
585
585
  }
586
586
 
587
587
  &-title {
588
588
  font-size: 14px;
589
- color: var(--color-text-primary);
589
+ color: var(--xto-color-text-primary, #1F2937);
590
590
  }
591
591
 
592
592
  &-parent {
593
593
  font-size: 12px;
594
- color: var(--color-text-secondary);
594
+ color: var(--xto-color-text-secondary, #6B7280);
595
595
  margin-left: auto;
596
596
  }
597
597
  }
@@ -613,15 +613,15 @@ onUnmounted(() => {
613
613
  height: 16px;
614
614
  font-size: 12px;
615
615
  font-weight: 600;
616
- color: var(--color-primary);
617
- background-color: var(--color-primary-light-8);
618
- border-radius: 4px;
616
+ color: var(--xto-color-primary, #4F46E5);
617
+ background-color: var(--xto-color-primary-light-8, #C7D2FE);
618
+ border-radius: var(--xto-border-radius-small, 4px);
619
619
  }
620
620
 
621
621
  &-empty {
622
622
  padding: 16px 12px;
623
623
  text-align: center;
624
- color: var(--color-text-secondary);
624
+ color: var(--xto-color-text-secondary, #6B7280);
625
625
  font-size: 14px;
626
626
  }
627
627
  }
@@ -633,13 +633,13 @@ onUnmounted(() => {
633
633
  align-items: center;
634
634
  justify-content: center;
635
635
  cursor: pointer;
636
- border-radius: var(--border-radius-base);
637
- color: var(--color-text-regular);
636
+ border-radius: var(--xto-border-radius-base, 6px);
637
+ color: var(--xto-color-text-regular, #4B5563);
638
638
  transition: all 0.2s;
639
639
 
640
640
  &:hover {
641
- background-color: var(--color-fill);
642
- color: var(--color-primary);
641
+ background-color: var(--xto-fill-color, #F3F4F6);
642
+ color: var(--xto-color-primary, #4F46E5);
643
643
  }
644
644
  }
645
645
 
@@ -653,17 +653,17 @@ onUnmounted(() => {
653
653
  gap: 8px;
654
654
  cursor: pointer;
655
655
  padding: 4px 8px;
656
- border-radius: var(--border-radius-base);
656
+ border-radius: var(--xto-border-radius-base, 6px);
657
657
  transition: background-color 0.2s;
658
658
 
659
659
  &:hover {
660
- background-color: var(--color-fill);
660
+ background-color: var(--xto-fill-color, #F3F4F6);
661
661
  }
662
662
  }
663
663
 
664
664
  &-name {
665
665
  font-size: 14px;
666
- color: var(--color-text-primary);
666
+ color: var(--xto-color-text-primary, #1F2937);
667
667
  max-width: 100px;
668
668
  overflow: hidden;
669
669
  text-overflow: ellipsis;
@@ -672,7 +672,7 @@ onUnmounted(() => {
672
672
 
673
673
  &-arrow {
674
674
  font-size: 10px;
675
- color: var(--color-text-secondary);
675
+ color: var(--xto-color-text-secondary, #6B7280);
676
676
  transition: transform 0.2s;
677
677
 
678
678
  &.is-active {
@@ -685,11 +685,11 @@ onUnmounted(() => {
685
685
  width: 32px;
686
686
  height: 32px;
687
687
  border-radius: 50%;
688
- background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light-3));
688
+ background: linear-gradient(135deg, var(--xto-color-primary, #4F46E5), var(--xto-color-primary-light-3, #818CF8));
689
689
  display: flex;
690
690
  align-items: center;
691
691
  justify-content: center;
692
- color: #fff;
692
+ color: var(--xto-bg-color, #FFFFFF);
693
693
  font-size: 14px;
694
694
  font-weight: 500;
695
695
  }
@@ -699,9 +699,9 @@ onUnmounted(() => {
699
699
  top: calc(100% + 8px);
700
700
  right: 0;
701
701
  min-width: 200px;
702
- background-color: var(--bg-color);
703
- border-radius: var(--border-radius-base);
704
- box-shadow: var(--box-shadow);
702
+ background-color: var(--xto-bg-color, #FFFFFF);
703
+ border-radius: var(--xto-border-radius-base, 6px);
704
+ box-shadow: var(--xto-shadow-elevated, 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1));
705
705
  overflow: hidden;
706
706
  z-index: 100;
707
707
 
@@ -716,11 +716,11 @@ onUnmounted(() => {
716
716
  width: 40px;
717
717
  height: 40px;
718
718
  border-radius: 50%;
719
- background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light-3));
719
+ background: linear-gradient(135deg, var(--xto-color-primary, #4F46E5), var(--xto-color-primary-light-3, #818CF8));
720
720
  display: flex;
721
721
  align-items: center;
722
722
  justify-content: center;
723
- color: #fff;
723
+ color: var(--xto-bg-color, #FFFFFF);
724
724
  font-size: 16px;
725
725
  font-weight: 500;
726
726
  }
@@ -732,18 +732,18 @@ onUnmounted(() => {
732
732
  &-name {
733
733
  font-size: 14px;
734
734
  font-weight: 500;
735
- color: var(--color-text-primary);
735
+ color: var(--xto-color-text-primary, #1F2937);
736
736
  }
737
737
 
738
738
  &-role {
739
739
  font-size: 12px;
740
- color: var(--color-text-secondary);
740
+ color: var(--xto-color-text-secondary, #6B7280);
741
741
  margin-top: 2px;
742
742
  }
743
743
 
744
744
  &-divider {
745
745
  height: 1px;
746
- background-color: var(--color-border-lighter);
746
+ background-color: var(--xto-border-color-lighter, #F3F4F6);
747
747
  }
748
748
 
749
749
  &-menu {
@@ -757,20 +757,20 @@ onUnmounted(() => {
757
757
  padding: 10px 16px;
758
758
  cursor: pointer;
759
759
  font-size: 14px;
760
- color: var(--color-text-regular);
760
+ color: var(--xto-color-text-regular, #4B5563);
761
761
  transition: all 0.2s;
762
762
 
763
763
  &:hover {
764
- background-color: var(--color-fill);
765
- color: var(--color-text-primary);
764
+ background-color: var(--xto-fill-color, #F3F4F6);
765
+ color: var(--xto-color-text-primary, #1F2937);
766
766
  }
767
767
 
768
768
  &--danger {
769
- color: var(--color-danger);
769
+ color: var(--xto-color-danger, #EF4444);
770
770
 
771
771
  &:hover {
772
- background-color: var(--color-danger-light);
773
- color: var(--color-danger);
772
+ background-color: var(--xto-color-danger-light, #FEE2E2);
773
+ color: var(--xto-color-danger, #EF4444);
774
774
  }
775
775
  }
776
776
  }
@@ -786,7 +786,7 @@ onUnmounted(() => {
786
786
  .settings-title {
787
787
  font-size: 14px;
788
788
  font-weight: 500;
789
- color: var(--color-text-primary);
789
+ color: var(--xto-color-text-primary, #1F2937);
790
790
  margin-bottom: 12px;
791
791
  }
792
792
 
@@ -802,31 +802,31 @@ onUnmounted(() => {
802
802
  align-items: center;
803
803
  gap: 8px;
804
804
  padding: 12px;
805
- border: 1px solid var(--color-border);
806
- border-radius: var(--border-radius-base);
805
+ border: 1px solid var(--xto-border-color, #D1D5DB);
806
+ border-radius: var(--xto-border-radius-base, 6px);
807
807
  cursor: pointer;
808
808
  transition: all 0.2s;
809
809
 
810
810
  &:hover {
811
- border-color: var(--color-primary-light-5);
811
+ border-color: var(--xto-color-primary-light-5, #A5B4FC);
812
812
  }
813
813
 
814
814
  &.is-active {
815
- border-color: var(--color-primary);
816
- background-color: var(--color-primary-light-9);
815
+ border-color: var(--xto-color-primary, #4F46E5);
816
+ background-color: var(--xto-color-primary-light-9, #EEF2FF);
817
817
  }
818
818
 
819
819
  &__preview {
820
820
  width: 48px;
821
821
  height: 36px;
822
- border: 1px solid var(--color-border-light);
822
+ border: 1px solid var(--xto-border-color-light, #E5E7EB);
823
823
  border-radius: 2px;
824
824
  overflow: hidden;
825
825
  }
826
826
 
827
827
  &__label {
828
828
  font-size: 12px;
829
- color: var(--color-text-regular);
829
+ color: var(--xto-color-text-regular, #4B5563);
830
830
  }
831
831
  }
832
832
 
@@ -838,7 +838,7 @@ onUnmounted(() => {
838
838
  .preview-aside {
839
839
  width: 25%;
840
840
  height: 100%;
841
- background-color: var(--color-primary-light-7);
841
+ background-color: var(--xto-color-primary-light-7, #E0E7FF);
842
842
  }
843
843
 
844
844
  .preview-main {
@@ -848,12 +848,12 @@ onUnmounted(() => {
848
848
 
849
849
  .preview-header {
850
850
  height: 20%;
851
- background-color: var(--color-border-light);
851
+ background-color: var(--xto-border-color-light, #E5E7EB);
852
852
  }
853
853
 
854
854
  .preview-content {
855
855
  flex: 1;
856
- background-color: var(--bg-color-page);
856
+ background-color: var(--xto-bg-color-page, #F9FAFB);
857
857
  }
858
858
  }
859
859
  }
@@ -865,12 +865,12 @@ onUnmounted(() => {
865
865
 
866
866
  .preview-header-full {
867
867
  height: 25%;
868
- background-color: var(--color-primary-light-7);
868
+ background-color: var(--xto-color-primary-light-7, #E0E7FF);
869
869
  }
870
870
 
871
871
  .preview-content-full {
872
872
  flex: 1;
873
- background-color: var(--bg-color-page);
873
+ background-color: var(--xto-bg-color-page, #F9FAFB);
874
874
  }
875
875
  }
876
876
 
@@ -881,12 +881,12 @@ onUnmounted(() => {
881
881
 
882
882
  .preview-header-mix {
883
883
  height: 25%;
884
- background-color: var(--color-primary-light-7);
884
+ background-color: var(--xto-color-primary-light-7, #E0E7FF);
885
885
  display: flex;
886
886
 
887
887
  .preview-mix-left {
888
888
  width: 30%;
889
- background-color: var(--color-primary);
889
+ background-color: var(--xto-color-primary, #4F46E5);
890
890
  }
891
891
  }
892
892
 
@@ -896,12 +896,12 @@ onUnmounted(() => {
896
896
 
897
897
  .preview-mix-aside {
898
898
  width: 25%;
899
- background-color: var(--color-primary-light-8);
899
+ background-color: var(--xto-color-primary-light-8, #C7D2FE);
900
900
  }
901
901
 
902
902
  .preview-mix-content {
903
903
  flex: 1;
904
- background-color: var(--bg-color-page);
904
+ background-color: var(--xto-bg-color-page, #F9FAFB);
905
905
  }
906
906
  }
907
907
  }
@@ -914,7 +914,7 @@ onUnmounted(() => {
914
914
  .color-option {
915
915
  width: 24px;
916
916
  height: 24px;
917
- border-radius: 4px;
917
+ border-radius: var(--xto-border-radius-small, 4px);
918
918
  cursor: pointer;
919
919
  display: flex;
920
920
  align-items: center;
@@ -926,7 +926,7 @@ onUnmounted(() => {
926
926
  }
927
927
 
928
928
  &.is-active {
929
- box-shadow: 0 0 0 2px var(--bg-color), 0 0 0 4px var(--color-primary);
929
+ box-shadow: 0 0 0 2px var(--xto-bg-color, #FFFFFF), 0 0 0 4px var(--xto-color-primary, #4F46E5);
930
930
  }
931
931
  }
932
932
 
@@ -943,7 +943,7 @@ onUnmounted(() => {
943
943
 
944
944
  span {
945
945
  font-size: 14px;
946
- color: var(--color-text-regular);
946
+ color: var(--xto-color-text-regular, #4B5563);
947
947
  }
948
948
  }
949
949
 
@@ -958,7 +958,7 @@ onUnmounted(() => {
958
958
  width: 100%;
959
959
  height: 100%;
960
960
  border-radius: 11px;
961
- background-color: var(--color-border);
961
+ background-color: var(--xto-border-color, #D1D5DB);
962
962
  position: relative;
963
963
  transition: background-color 0.2s;
964
964
 
@@ -969,7 +969,7 @@ onUnmounted(() => {
969
969
  left: 2px;
970
970
  width: 18px;
971
971
  height: 18px;
972
- background-color: #fff;
972
+ background-color: var(--xto-bg-color, #FFFFFF);
973
973
  border-radius: 50%;
974
974
  transition: left 0.2s;
975
975
  }
@@ -977,7 +977,7 @@ onUnmounted(() => {
977
977
 
978
978
  &.is-checked {
979
979
  .switch-core {
980
- background-color: var(--color-primary);
980
+ background-color: var(--xto-color-primary, #4F46E5);
981
981
 
982
982
  &::after {
983
983
  left: 24px;