xrk-components 2.0.0-beta.92 → 2.0.0-beta.94

package/lib/index.css

@@ -20448,6 +20448,251 @@
   -webkit-transform: translateX(0);
           transform: translateX(0);
 }
+.base-layout-menu[data-v-cbc34618] {
+  width: 100%;
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.base-layout-menu .main-menu[data-v-cbc34618] {
+  width: 100%;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+.base-layout-menu .main-menu[data-v-cbc34618]::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
+}
+.base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__content {
+  padding-bottom: 0;
+}
+.base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__header {
+  color: var(--xrk-text-color-secondary);
+  min-height: var(--xrk-collapse-header-height) !important;
+  height: auto;
+}
+.base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__header.is-active, .base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__header:hover {
+  color: var(--xrk-text-color-primary);
+  font-weight: var(--xrk-font-weight-primary);
+}
+.base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__header.active {
+  color: var(--xrk-color-primary);
+  background-color: var(--xrk-color-primary-light-9);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__header.active::before {
+  background-color: var(--xrk-color-primary);
+}
+.base-layout-menu .main-menu[data-v-cbc34618] .xrk-collapse-item__header.active::after {
+  opacity: 1;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+}
+.base-layout-menu .main-menu .menu-name-one[data-v-cbc34618] {
+  font-size: var(--xrk-font-size-base);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 6px;
+}
+.base-layout-menu .main-menu .menu-name-one img[data-v-cbc34618] {
+  width: 18px;
+  height: 18px;
+  -o-object-fit: contain;
+     object-fit: contain;
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+}
+.base-layout-menu .main-menu .sub-menu[data-v-cbc34618] {
+  min-height: var(--xrk-collapse-header-height);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 10px;
+  -webkit-box-pack: start;
+  -webkit-justify-content: flex-start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
+  padding: 4px 12px 4px 18px;
+  color: var(--xrk-text-color-secondary);
+  cursor: pointer;
+  position: relative;
+  word-break: break-all;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.base-layout-menu .main-menu .sub-menu[data-v-cbc34618]::before {
+  content: "";
+  width: 3px;
+  height: 3px;
+  border-radius: 100%;
+  background-color: inherit;
+  display: inline;
+  background-color: var(--xrk-text-color-secondary);
+  -webkit-flex-shrink: 0;
+      -ms-flex-negative: 0;
+          flex-shrink: 0;
+}
+.base-layout-menu .main-menu .sub-menu[data-v-cbc34618]::after {
+  content: "";
+  width: 3px;
+  height: 100%;
+  background-color: var(--xrk-color-primary);
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-transform: translateX(-100%);
+          transform: translateX(-100%);
+  opacity: 0;
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .main-menu .sub-menu[data-v-cbc34618]:not(.active):hover {
+  color: var(--xrk-color-primary);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .main-menu .sub-menu[data-v-cbc34618]:not(.active):hover::before {
+  background-color: var(--xrk-color-primary);
+}
+.base-layout-menu .main-menu .sub-menu[data-v-cbc34618]:not(.active):hover::after {
+  opacity: 0;
+}
+.base-layout-menu .main-menu .sub-menu.active[data-v-cbc34618] {
+  color: var(--xrk-color-primary);
+  background-color: var(--xrk-color-primary-light-9);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .main-menu .sub-menu.active[data-v-cbc34618]::before {
+  background-color: var(--xrk-color-primary);
+}
+.base-layout-menu .main-menu .sub-menu.active[data-v-cbc34618]::after {
+  opacity: 1;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+}
+.base-layout-menu .main-menu .sub-menu.fold[data-v-cbc34618]::before {
+  display: none !important;
+}
+.base-layout-menu .sub-menus[data-v-cbc34618] {
+  position: absolute;
+  width: var(--base-layout-menu-sub-width, 150px);
+  height: 100%;
+  overflow: auto;
+  background-color: var(--xrk-fill-color-lighter);
+  top: 0;
+  right: 0;
+  -webkit-transform: translateX(100%);
+          transform: translateX(100%);
+  z-index: 9;
+  opacity: 0;
+  pointer-events: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  padding: 21px 0;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+.base-layout-menu .sub-menus.active[data-v-cbc34618] {
+  pointer-events: initial;
+  opacity: 1;
+}
+.base-layout-menu .sub-menus .content[data-v-cbc34618] {
+  overflow: auto;
+}
+.base-layout-menu .sub-menus .content .menu + .menu[data-v-cbc34618] {
+  margin-top: 48px;
+}
+.base-layout-menu .sub-menus .content .menu .name[data-v-cbc34618] {
+  font-size: var(--xrk-font-size-extra-small);
+  color: var(--xrk-text-color-disabled);
+  padding-bottom: var(--xrk-font-size-extra-small);
+  border-bottom: 1px solid #e5e5e5;
+  margin: 0 10px;
+  margin-bottom: var(--xrk-font-size-extra-small);
+  pointer-events: none;
+}
+.base-layout-menu .sub-menus .content .menu .name.no-child[data-v-cbc34618] {
+  cursor: pointer;
+  pointer-events: initial;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-cbc34618] {
+  padding: 3px 10px;
+  min-height: 32px;
+  position: relative;
+  cursor: pointer;
+  font-size: var(--xrk-font-size-base);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  line-height: 1.8;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-cbc34618]::after {
+  content: "";
+  width: 2px;
+  height: 100%;
+  background-color: var(--xrk-color-primary);
+  position: absolute;
+  left: 0;
+  top: 0;
+  -webkit-transform: translateX(-100%);
+          transform: translateX(-100%);
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-cbc34618]:not(.active):hover {
+  color: var(--xrk-color-primary);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu[data-v-cbc34618]:not(.active):hover::after {
+  opacity: 0;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-cbc34618] {
+  color: var(--xrk-color-primary);
+  background-color: var(--xrk-color-primary-light-9);
+  -webkit-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.base-layout-menu .sub-menus .content .menu .sub-menu.active[data-v-cbc34618]::after {
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+}
+@charset "UTF-8";
+/* 隐藏滚动条但保留滚动功能（webkit 内核） */
+.scroll-menu[data-v-3f66cd84] {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+.scroll-menu[data-v-3f66cd84]::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
+}
 .base-layout-main[data-v-3f66cd84] {
   width: var(--base-layout-main-width, 100vw);
   height: var(--base-layout-main-height, 100vh);
@@ -20518,7 +20763,7 @@
   -webkit-flex-shrink: 0;
       -ms-flex-negative: 0;
           flex-shrink: 0;
-  width: var(--base-layout-menu-width, 140px);
+  width: var(--base-layout-menu-width, 180px);
   background-color: #fff;
   z-index: 2;
 }