xto-fronted 0.6.3 → 0.7.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 (31) hide show
  1. package/dist/{index-DydABgae.js → index-BO31bICK.js} +13 -13
  2. package/dist/{index-BXHwCe22.js → index-D4K3OfZa.js} +23 -23
  3. package/dist/{index-BKO6Hzba.js → index-DkG24eV5.js} +9 -9
  4. package/dist/{index-BZSZ3bx2.js → index-QdDB_2uu.js} +20 -20
  5. package/dist/{index-IOKG7Gwo.js → index-k2XmHxrU.js} +235 -235
  6. package/dist/index.js +1 -1
  7. package/dist/style.css +1 -1
  8. package/package.json +1 -1
  9. package/src/App.vue +3 -3
  10. package/src/assets/styles/_dark.scss +170 -170
  11. package/src/assets/styles/_reset.scss +8 -8
  12. package/src/assets/styles/_root.scss +95 -93
  13. package/src/assets/styles/_variables.scss +17 -17
  14. package/src/assets/styles/index.scss +39 -39
  15. package/src/components/Layout/Footer.vue +1 -1
  16. package/src/components/Layout/Header.vue +54 -54
  17. package/src/components/Layout/MixTopMenu.vue +41 -41
  18. package/src/components/Layout/Sidebar.vue +8 -8
  19. package/src/components/Layout/SidebarMenuItem.vue +2 -2
  20. package/src/components/Layout/Tabs.vue +6 -6
  21. package/src/components/Layout/TopMenu.vue +41 -41
  22. package/src/components/Layout/index.vue +4 -4
  23. package/src/stores/app.ts +2 -2
  24. package/src/style.scss +2 -2
  25. package/src/views/dashboard/index.vue +32 -32
  26. package/src/views/error/403.vue +13 -13
  27. package/src/views/error/404.vue +19 -19
  28. package/src/views/login/index.vue +15 -15
  29. package/src/views/system/menu/index.vue +20 -20
  30. package/src/views/system/role/index.vue +20 -20
  31. package/src/views/system/user/index.vue +23 -23
package/src/views/system/user/index.vue CHANGED
@@ -247,9 +247,9 @@ onMounted(() => {
247
247
  <svg viewBox="0 0 64 41" fill="none">
248
248
  <g transform="translate(0 1)">
249
249
  <ellipse fill="#f5f5f5" cx="32" cy="33" rx="32" ry="7"/>
250
- <g stroke="var(--xto-color-text-placeholder, #9CA3AF)" stroke-width="2">
250
+ <g stroke="var(--xto-color-text-placeholder, #A9AEB8)" stroke-width="2">
251
251
  <path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"/>
252
- <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--xto-fill-color, #F3F4F6)"/>
252
+ <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="var(--xto-fill-color, #F2F3F5)"/>
253
253
  </g>
254
254
  </g>
255
255
  </svg>
@@ -377,7 +377,7 @@ onMounted(() => {
377
377
  <style lang="scss" scoped>
378
378
  .user-page {
379
379
  padding: 24px;
380
- background: var(--xto-bg-color-page, #F9FAFB);
380
+ background: var(--xto-bg-color-page, #F7F8FA);
381
381
  min-height: 100%;
382
382
  }
383
383
 
@@ -418,7 +418,7 @@ onMounted(() => {
418
418
  justify-content: space-between;
419
419
  align-items: center;
420
420
  padding: 16px 24px;
421
- border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
421
+ border-bottom: 1px solid var(--xto-border-color-lighter, #F2F3F5);
422
422
 
423
423
  .toolbar-left {
424
424
  display: flex;
@@ -427,7 +427,7 @@ onMounted(() => {
427
427
 
428
428
  .table-count {
429
429
  font-size: 14px;
430
- color: var(--xto-color-text-secondary, #6B7280);
430
+ color: var(--xto-color-text-secondary, #86909C);
431
431
  }
432
432
  }
433
433
 
@@ -443,14 +443,14 @@ onMounted(() => {
443
443
  th, td {
444
444
  padding: 14px 16px;
445
445
  text-align: left;
446
- border-bottom: 1px solid var(--xto-border-color-lighter, #F3F4F6);
446
+ border-bottom: 1px solid var(--xto-border-color-lighter, #F2F3F5);
447
447
  }
448
448
 
449
449
  th {
450
450
  font-size: 14px;
451
451
  font-weight: 500;
452
- color: var(--xto-color-text-secondary, #6B7280);
453
- background: var(--xto-fill-color-light, #F9FAFB);
452
+ color: var(--xto-color-text-secondary, #86909C);
453
+ background: var(--xto-fill-color-light, #F7F8FA);
454
454
  white-space: nowrap;
455
455
  }
456
456
 
@@ -477,7 +477,7 @@ onMounted(() => {
477
477
  flex-direction: column;
478
478
  align-items: center;
479
479
  gap: 16px;
480
- color: var(--xto-color-text-placeholder, #9CA3AF);
480
+ color: var(--xto-color-text-placeholder, #A9AEB8);
481
481
 
482
482
  svg {
483
483
  width: 64px;
@@ -488,8 +488,8 @@ onMounted(() => {
488
488
  .loading-spinner {
489
489
  width: 32px;
490
490
  height: 32px;
491
- border: 3px solid var(--xto-border-color-lighter, #F3F4F6);
492
- border-top-color: var(--xto-color-primary, #4F46E5);
491
+ border: 3px solid var(--xto-border-color-lighter, #F2F3F5);
492
+ border-top-color: var(--xto-color-primary, #12B6AF);
493
493
  border-radius: 50%;
494
494
  animation: spin 0.8s linear infinite;
495
495
  }
@@ -508,11 +508,11 @@ onMounted(() => {
508
508
  display: inline-block;
509
509
  min-width: 32px;
510
510
  padding: 4px 10px;
511
- background: var(--xto-fill-color, #F3F4F6);
511
+ background: var(--xto-fill-color, #F2F3F5);
512
512
  border-radius: 12px;
513
513
  font-size: 12px;
514
514
  font-weight: 500;
515
- color: var(--xto-color-text-secondary, #6B7280);
515
+ color: var(--xto-color-text-secondary, #86909C);
516
516
  text-align: center;
517
517
  }
518
518
 
@@ -532,7 +532,7 @@ onMounted(() => {
532
532
  display: flex;
533
533
  align-items: center;
534
534
  justify-content: center;
535
- background: linear-gradient(135deg, var(--xto-color-primary, #4F46E5) 0%, var(--xto-color-primary-light-1, #5B54E8) 100%);
535
+ background: linear-gradient(135deg, var(--xto-color-primary, #12B6AF) 0%, var(--xto-color-primary-light-1, #17C3BB) 100%);
536
536
  border-radius: 50%;
537
537
  font-size: 16px;
538
538
  font-weight: 500;
@@ -549,12 +549,12 @@ onMounted(() => {
549
549
  .user-nickname {
550
550
  font-size: 14px;
551
551
  font-weight: 500;
552
- color: var(--xto-color-text-primary, #1F2937);
552
+ color: var(--xto-color-text-primary, #1F2329);
553
553
  }
554
554
 
555
555
  .user-username {
556
556
  font-size: 12px;
557
- color: var(--xto-color-text-placeholder, #9CA3AF);
557
+ color: var(--xto-color-text-placeholder, #A9AEB8);
558
558
  }
559
559
 
560
560
  .col-contact {
@@ -570,11 +570,11 @@ onMounted(() => {
570
570
  .contact-email,
571
571
  .contact-phone {
572
572
  font-size: 13px;
573
- color: var(--xto-color-text-regular, #4B5563);
573
+ color: var(--xto-color-text-regular, #4E5566);
574
574
  }
575
575
 
576
576
  .contact-phone {
577
- color: var(--xto-color-text-secondary, #6B7280);
577
+ color: var(--xto-color-text-secondary, #86909C);
578
578
  }
579
579
 
580
580
  .col-roles {
@@ -598,10 +598,10 @@ onMounted(() => {
598
598
 
599
599
  .status-text {
600
600
  font-size: 13px;
601
- color: var(--xto-color-text-secondary, #6B7280);
601
+ color: var(--xto-color-text-secondary, #86909C);
602
602
 
603
603
  &.enabled {
604
- color: var(--xto-color-success, #10B981);
604
+ color: var(--xto-color-success, #2BC48A);
605
605
  }
606
606
  }
607
607
 
@@ -611,7 +611,7 @@ onMounted(() => {
611
611
 
612
612
  .time-text {
613
613
  font-size: 13px;
614
- color: var(--xto-color-text-secondary, #6B7280);
614
+ color: var(--xto-color-text-secondary, #86909C);
615
615
  }
616
616
 
617
617
  .col-actions {
@@ -635,7 +635,7 @@ onMounted(() => {
635
635
  display: flex;
636
636
  justify-content: flex-end;
637
637
  padding: 16px 24px;
638
- border-top: 1px solid var(--xto-border-color-lighter, #F3F4F6);
638
+ border-top: 1px solid var(--xto-border-color-lighter, #F2F3F5);
639
639
  }
640
640
 
641
641
  // 弹窗表单
@@ -650,7 +650,7 @@ onMounted(() => {
650
650
 
651
651
  .status-label {
652
652
  font-size: 14px;
653
- color: var(--xto-color-text-secondary, #6B7280);
653
+ color: var(--xto-color-text-secondary, #86909C);
654
654
  }
655
655
  }
656
656
  </style>