chore: 升级依赖，相关兼容处理

2025-11-15 14:03:36 +08:00 · 2025-02-14 11:25:38 +08:00
parent b87eb6fd0a
commit 399d3b2987
16 changed files with 1215 additions and 1134 deletions
--- a/src/components/ReIcon/src/Select.vue
+++ b/src/components/ReIcon/src/Select.vue
@@ -219,8 +219,8 @@ watch(
  &:hover {
    color: var(--el-color-primary);
    border-color: var(--el-color-primary);
-    transition: all 0.4s;
    transform: scaleX(1.05);
+    transition: all 0.4s;
  }
 }

--- a/src/layout/components/lay-panel/index.vue
+++ b/src/layout/components/lay-panel/index.vue
@@ -121,8 +121,8 @@ onBeforeUnmount(() => {
  width: 100%;
  max-width: 280px;
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
-  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
  transform: translate(100%);
+  transition: all 0.25s cubic-bezier(0.7, 0.3, 0.1, 1);
 }

 .show {
--- a/src/layout/components/lay-sidebar/components/SidebarLogo.vue
+++ b/src/layout/components/lay-sidebar/components/SidebarLogo.vue
@@ -60,11 +60,11 @@ const { title, getLogo } = useNav();
      height: 32px;
      margin: 2px 0 0 12px;
      overflow: hidden;
+      text-overflow: ellipsis;
      font-size: 18px;
      font-weight: 600;
      line-height: 32px;
      color: var(--pure-theme-sub-menu-active-text);
-      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
--- a/src/layout/components/lay-tag/index.scss
+++ b/src/layout/components/lay-tag/index.scss
@@ -59,10 +59,10 @@
      color: var(--el-color-primary);
      cursor: pointer;
      border-radius: 4px;
+      transform: translate(0, -50%);
      transition:
        background-color 0.12s,
        color 0.12s;
-      transform: translate(0, -50%);

      &:hover {
        color: rgb(0 0 0 / 88%) !important;
@@ -127,10 +127,10 @@
    font-weight: normal;
    color: var(--el-text-color-primary);
    white-space: nowrap;
+    outline: 0;
    list-style-type: none;
    background: #fff;
    border-radius: 4px;
-    outline: 0;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);

    li {
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -210,8 +210,8 @@ const LayHeader = defineComponent({
  height: 100%;

  &::after {
-    display: table;
    clear: both;
+    display: table;
    content: "";
  }

--- a/src/style/element-plus.scss
+++ b/src/style/element-plus.scss
@@ -83,8 +83,8 @@
  .el-upload-list__item.is-ready &.el-icon--close {
    width: 24px;
    height: 24px;
-    border-radius: 4px;
    outline: none;
+    border-radius: 4px;
    transition:
      background-color 0.2s,
      color 0.2s;
@@ -117,8 +117,8 @@
  }

  & .el-message__closeBtn {
-    border-radius: 4px;
    outline: none;
+    border-radius: 4px;
    transition:
      background-color 0.2s,
      color 0.2s;
--- a/src/style/reset.scss
+++ b/src/style/reset.scss
@@ -25,7 +25,8 @@ body {
  width: 100%;
  height: 100%;
  margin: 0;
-  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
+  font-family:
+    "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  line-height: inherit;
  -moz-osx-font-smoothing: grayscale;
@@ -57,8 +58,9 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    "Liberation Mono", "Courier New", monospace;
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+    "Courier New", monospace;
  font-size: 1em;
 }

--- a/src/style/sidebar.scss
+++ b/src/style/sidebar.scss
@@ -191,8 +191,8 @@
    .el-menu-item.is-active.nest-menu::before {
      position: absolute;
      inset: 0 8px;
-      margin: 4px 0;
      clear: both;
+      margin: 4px 0;
      content: "";
      background: var(--el-color-primary) !important;
      border-radius: 3px;
@@ -212,13 +212,13 @@
      position: absolute;
      top: 0;
      left: 0;
+      clear: both;
      width: 2px;
      height: 100%;
-      clear: both;
      content: "";
      background-color: var(--pure-theme-menu-active-before);
-      transition: all var(--pure-transition-duration) ease-in-out;
      transform: translateY(0);
+      transition: all var(--pure-transition-duration) ease-in-out;
    }

    .el-menu--collapse .outer-most.el-sub-menu > .el-sub-menu__title::before {
@@ -240,8 +240,8 @@
    .is-active.submenu-title-noDropdown.outer-most::before {
      position: absolute;
      inset: 0 8px;
-      margin: 4px 0;
      clear: both;
+      margin: 4px 0;
      content: "";
      background: var(--el-color-primary) !important;
      border-radius: 3px;
@@ -435,11 +435,11 @@
        height: 32px;
        margin: 2px 0 0 12px;
        overflow: hidden;
+        text-overflow: ellipsis;
        font-size: 18px;
        font-weight: 600;
        line-height: 32px;
        color: var(--pure-theme-sub-menu-active-text);
-        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
@@ -577,8 +577,8 @@
    &.hideSidebar {
      .sidebar-container {
        pointer-events: none;
-        transition-duration: 0.3s;
        transform: translate3d(-$sideBarWidth, 0, 0);
+        transition-duration: 0.3s;
      }
    }
  }
@@ -621,10 +621,10 @@ body[layout="vertical"] {
      .el-sub-menu {
        & > .el-sub-menu__title {
          & > span {
+            visibility: visible;
            width: 100%;
            height: 100%;
            text-align: center;
-            visibility: visible;
          }
        }
      }
@@ -715,10 +715,10 @@ body[layout="mix"] {
          padding: 0;

          & > span {
+            visibility: visible;
            width: 100%;
            height: 100%;
            text-align: center;
-            visibility: visible;
          }
        }
      }
--- a/src/views/account-settings/index.vue
+++ b/src/views/account-settings/index.vue
@@ -158,8 +158,8 @@ getMine().then(res => {
      &::before {
        position: absolute;
        inset: 0 8px;
-        margin: 4px 0;
        clear: both;
+        margin: 4px 0;
        content: "";
        background: var(--el-color-primary);
        border-radius: 3px;
--- a/src/views/components/el-button.vue
+++ b/src/views/components/el-button.vue
@@ -233,10 +233,10 @@ watch(size, val =>

 .el-button .custom-loading .circular .path {
  stroke: var(--el-button-text-color);
+  stroke-width: 2;
+  stroke-linecap: round;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
-  stroke-linecap: round;
-  stroke-width: 2;
  animation: loading-dash 1.5s ease-in-out infinite;
 }
 </style>
--- a/src/views/components/slider/components/Base.vue
+++ b/src/views/components/slider/components/Base.vue
@@ -51,10 +51,10 @@ const formatTooltip = (val: number) => {
  flex: 1;
  margin-bottom: 0;
  overflow: hidden;
+  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 44px;
  color: var(--el-text-color-secondary);
-  text-overflow: ellipsis;
  white-space: nowrap;
 }

--- a/src/views/components/slider/components/Step.vue
+++ b/src/views/components/slider/components/Step.vue
@@ -32,10 +32,10 @@ const value2 = ref(0);
  flex: 1;
  margin-bottom: 0;
  overflow: hidden;
+  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 44px;
  color: var(--el-text-color-secondary);
-  text-overflow: ellipsis;
  white-space: nowrap;
 }

--- a/src/views/list/card/components/ListCard.vue
+++ b/src/views/list/card/components/ListCard.vue
@@ -139,10 +139,10 @@ const cardLogoClass = computed(() => [
      height: 40px;
      margin-bottom: 24px;
      overflow: hidden;
-      font-size: 12px;
-      line-height: 20px;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
+      font-size: 12px;
+      line-height: 20px;
      -webkit-box-orient: vertical;
    }
  }