更新依赖，stylelint规则调整

.stylelintrc

@@ -17,6 +17,7 @@
         "indentation": 4,
         "rule-empty-line-before": "never",
         "at-rule-empty-line-before": "never",
+        "at-rule-no-unknown": null,
         "no-descending-specificity": null,
         "selector-pseudo-class-no-unknown": null,
         "property-no-unknown": null,

package.json

@@ -28,28 +28,28 @@
         "path-to-regexp": "^6.2.0",
         "screenfull": "^6.0.0",
         "tinymce": "^5.10.1",
-        "vue": "^3.2.21",
+        "vue": "^3.2.22",
         "vue-router": "^4.0.12",
         "vuex": "^4.0.2"
     },
     "devDependencies": {
         "@vitejs/plugin-vue": "^1.9.4",
-        "@vue/compiler-sfc": "^3.2.21",
+        "@vue/compiler-sfc": "^3.2.22",
         "eslint": "^8.2.0",
         "eslint-plugin-vue": "^8.0.3",
         "http-server": "^14.0.0",
         "husky": "^7.0.4",
-        "lint-staged": "^11.2.6",
+        "lint-staged": "^12.0.2",
         "plop": "^2.7.6",
         "postcss-html": "^1.2.0",
         "postcss-scss": "^4.0.2",
         "sass": "^1.43.4",
-        "stylelint": "^14.0.1",
+        "stylelint": "^14.1.0",
         "stylelint-config-html": "^1.0.0",
         "stylelint-config-recommended": "^6.0.0",
         "stylelint-config-recommended-scss": "^5.0.1",
         "stylelint-config-recommended-vue": "^1.0.0",
-        "stylelint-config-standard": "^23.0.0",
+        "stylelint-config-standard": "^24.0.0",
         "stylelint-scss": "^4.0.0",
         "svgo": "^2.8.0",
         "unplugin-auto-import": "^0.4.14",

src/components/ImageUpload/index.vue

@@ -150,7 +150,7 @@ function onSuccess(res) {
 .image {
     position: relative;
     .mask {
-        opacity: 0%;
+        opacity: 0;
         position: absolute;
         top: 0;
         width: 100%;
@@ -185,7 +185,7 @@ function onSuccess(res) {
         }
     }
     &:hover .mask {
-        opacity: 100%;
+        opacity: 1;
     }
 }
 :deep(.el-upload) {

src/components/ImagesUpload/index.vue

@@ -181,7 +181,7 @@ function onSuccess(res) {
         display: block;
     }
     .mask {
-        opacity: 0%;
+        opacity: 0;
         position: absolute;
         top: 0;
         width: 100%;
@@ -216,7 +216,7 @@ function onSuccess(res) {
         }
     }
     &:hover .mask {
-        opacity: 100%;
+        opacity: 1;
     }
 }
 .images-upload {

src/layout/components/Search/index.vue

@@ -221,10 +221,10 @@ function scrollTo(offsetTop) {
     backdrop-filter: blur(10px);
     transition: all 0.2s;
     transform: translateZ(0);
-    opacity: 0%;
+    opacity: 0;
     visibility: hidden;
     &.searching {
-        opacity: 100%;
+        opacity: 1;
         visibility: visible;
         .container {
             transform: initial;

src/layout/components/SubSidebar/index.vue

@@ -40,7 +40,7 @@ function onSidebarScroll(e) {
 }
 .sub-sidebar-enter-from,
 .sub-sidebar-leave-active {
-    opacity: 0%;
+    opacity: 0;
     transform: translateY(30px) skewY(10deg);
 }
 .sub-sidebar-leave-active {

src/layout/components/Topbar/index.vue

@@ -132,7 +132,7 @@ function pathCompile(path) {
 }
 .breadcrumb-enter-from,
 .breadcrumb-leave-active {
-    opacity: 0%;
+    opacity: 0;
     transform: translateX(30px) skewX(-50deg);
 }
 </style>

src/layout/index.vue

@@ -195,10 +195,10 @@ function switchMenu(index) {
         backdrop-filter: blur(2px);
         transition: all 0.2s;
         transform: translateZ(0);
-        opacity: 0%;
+        opacity: 0;
         visibility: hidden;
         &.show {
-            opacity: 100%;
+            opacity: 1;
             visibility: visible;
         }
     }
@@ -258,11 +258,11 @@ header + .wrapper {
     transition: 0.15s;
 }
 .main-enter-from {
-    opacity: 0%;
+    opacity: 0;
     margin-left: -20px;
 }
 .main-leave-to {
-    opacity: 0%;
+    opacity: 0;
     margin-left: 20px;
 }
 </style>