@luzhaoqi/test 0.0.31 → 0.0.33

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 (3) hide show
  1. package/dist/assets/css/index.css +46 -35
  2. package/dist/lib-cjs.js +3358 -460
  3. package/package.json +3 -2
package/dist/assets/css/index.css CHANGED
@@ -509,16 +509,21 @@ $base-sub-menu-hover:#001528;
509
509
  logoLightTitleColor: #001529;
510
510
  }
511
511
 
512
- .app-wrapper .main-container {
512
+ .app {
513
+ width: 100%;
514
+ height: 100%;
515
+ position: relative;
516
+ }
517
+ .app .main-container {
513
518
  height: 100%;
514
519
  transition: margin-left 0.28s;
515
520
  margin-left: 200px;
516
521
  position: relative;
517
522
  }
518
- .app-wrapper .sidebarHide {
523
+ .app .sidebarHide {
519
524
  margin-left: 0 !important;
520
525
  }
521
- .app-wrapper .sidebar-container {
526
+ .app .sidebar-container {
522
527
  transition: width 0.28s;
523
528
  width: 200px !important;
524
529
  background-color: #304156;
@@ -532,111 +537,117 @@ $base-sub-menu-hover:#001528;
532
537
  overflow: hidden;
533
538
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
534
539
  }
535
- .app-wrapper .sidebar-container .horizontal-collapse-transition {
540
+ .app .sidebar-container .horizontal-collapse-transition {
536
541
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
537
542
  }
538
- .app-wrapper .sidebar-container .scrollbar-wrapper {
543
+ .app .sidebar-container .scrollbar-wrapper {
539
544
  overflow-x: hidden !important;
540
545
  }
541
- .app-wrapper .sidebar-container .el-scrollbar__bar.is-vertical {
546
+ .app .sidebar-container .el-scrollbar__bar.is-vertical {
542
547
  right: 0px;
543
548
  }
544
- .app-wrapper .sidebar-container .el-scrollbar {
549
+ .app .sidebar-container .el-scrollbar {
545
550
  height: 100%;
546
551
  }
547
- .app-wrapper .sidebar-container.has-logo .el-scrollbar {
552
+ .app .sidebar-container.has-logo .el-scrollbar {
548
553
  height: calc(100% - 50px);
549
554
  }
550
- .app-wrapper .sidebar-container .is-horizontal {
555
+ .app .sidebar-container .is-horizontal {
551
556
  display: none;
552
557
  }
553
- .app-wrapper .sidebar-container a {
558
+ .app .sidebar-container a {
554
559
  display: inline-block;
555
560
  width: 100%;
556
561
  overflow: hidden;
557
562
  text-decoration: none;
558
563
  }
559
- .app-wrapper .sidebar-container .svg-icon {
564
+ .app .sidebar-container .svg-icon {
560
565
  margin-right: 16px;
561
566
  }
562
- .app-wrapper .sidebar-container .el-menu {
567
+ .app .sidebar-container .el-menu {
563
568
  border: none;
564
569
  height: 100%;
565
570
  width: 100% !important;
566
571
  }
567
- .app-wrapper .sidebar-container .el-menu-item, .app-wrapper .sidebar-container .el-submenu__title {
572
+ .app .sidebar-container .el-menu-item, .app .sidebar-container .el-submenu__title {
568
573
  overflow: hidden !important;
569
574
  text-overflow: ellipsis !important;
570
575
  white-space: nowrap !important;
571
576
  }
572
- .app-wrapper .sidebar-container .submenu-title-noDropdown:hover,
573
- .app-wrapper .sidebar-container .el-submenu__title:hover {
577
+ .app .sidebar-container .submenu-title-noDropdown:hover,
578
+ .app .sidebar-container .el-submenu__title:hover {
574
579
  background-color: rgba(0, 0, 0, 0.06) !important;
575
580
  }
576
- .app-wrapper .sidebar-container .theme-dark .is-active > .el-submenu__title {
581
+ .app .sidebar-container .theme-dark .is-active > .el-submenu__title {
577
582
  color: #f4f4f5 !important;
578
583
  }
579
- .app-wrapper .sidebar-container .nest-menu .el-submenu > .el-submenu__title, .app-wrapper .sidebar-container .el-submenu .el-menu-item {
584
+ .app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, .app .sidebar-container .el-submenu .el-menu-item {
580
585
  min-width: 200px !important;
581
586
  }
582
- .app-wrapper .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, .app-wrapper .sidebar-container .el-submenu .el-menu-item:hover {
587
+ .app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, .app .sidebar-container .el-submenu .el-menu-item:hover {
583
588
  background-color: rgba(0, 0, 0, 0.06) !important;
584
589
  }
585
- .app-wrapper .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title, .app-wrapper .sidebar-container .theme-dark .el-submenu .el-menu-item {
590
+ .app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title, .app .sidebar-container .theme-dark .el-submenu .el-menu-item {
586
591
  background-color: #1f2d3d !important;
587
592
  }
588
- .app-wrapper .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title:hover, .app-wrapper .sidebar-container .theme-dark .el-submenu .el-menu-item:hover {
593
+ .app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title:hover, .app .sidebar-container .theme-dark .el-submenu .el-menu-item:hover {
589
594
  background-color: #001528 !important;
590
595
  }
591
- .app-wrapper .hideSidebar .sidebar-container {
596
+ .app .hideSidebar .sidebar-container {
592
597
  width: 54px !important;
593
598
  }
594
- .app-wrapper .hideSidebar .main-container {
599
+ .app .hideSidebar .main-container {
595
600
  margin-left: 54px;
596
601
  }
597
- .app-wrapper .hideSidebar .submenu-title-noDropdown {
602
+ .app .hideSidebar .submenu-title-noDropdown {
598
603
  padding: 0 !important;
599
604
  position: relative;
600
605
  }
601
- .app-wrapper .hideSidebar .submenu-title-noDropdown .el-tooltip {
606
+ .app .hideSidebar .submenu-title-noDropdown .el-tooltip {
602
607
  padding: 0 !important;
603
608
  }
604
- .app-wrapper .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
609
+ .app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
605
610
  margin-left: 20px;
606
611
  }
607
- .app-wrapper .hideSidebar .el-submenu {
612
+ .app .hideSidebar .submenu-title-noDropdown .el-tooltip .title-box {
613
+ display: none;
614
+ }
615
+ .app .hideSidebar .el-submenu {
608
616
  overflow: hidden;
609
617
  }
610
- .app-wrapper .hideSidebar .el-submenu > .el-submenu__title {
618
+ .app .hideSidebar .el-submenu > .el-submenu__title {
611
619
  padding: 0 !important;
612
620
  }
613
- .app-wrapper .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
621
+ .app .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
614
622
  margin-left: 20px;
615
623
  }
616
- .app-wrapper .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
624
+ .app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
617
625
  height: 0;
618
626
  width: 0;
619
627
  overflow: hidden;
620
628
  visibility: hidden;
621
629
  display: inline-block;
622
630
  }
623
- .app-wrapper .el-menu--collapse .el-menu .el-submenu {
631
+ .app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title .title-box {
632
+ display: none;
633
+ }
634
+ .app .el-menu--collapse .el-menu .el-submenu {
624
635
  min-width: 200px !important;
625
636
  }
626
- .app-wrapper .mobile .main-container {
637
+ .app .mobile .main-container {
627
638
  margin-left: 0px;
628
639
  }
629
- .app-wrapper .mobile .sidebar-container {
640
+ .app .mobile .sidebar-container {
630
641
  transition: transform 0.28s;
631
642
  width: 200px !important;
632
643
  }
633
- .app-wrapper .mobile.hideSidebar .sidebar-container {
644
+ .app .mobile.hideSidebar .sidebar-container {
634
645
  pointer-events: none;
635
646
  transition-duration: 0.3s;
636
647
  transform: translate3d(-200px, 0, 0);
637
648
  }
638
- .app-wrapper .withoutAnimation .main-container,
639
- .app-wrapper .withoutAnimation .sidebar-container {
649
+ .app .withoutAnimation .main-container,
650
+ .app .withoutAnimation .sidebar-container {
640
651
  transition: none;
641
652
  }
642
653