Merge branch 'develop'

package.json

@@ -27,12 +27,12 @@
   },
   "dependencies": {
     "@iconify/iconify": "^2.2.1",
-    "@vueuse/core": "^8.3.1",
+    "@vueuse/core": "^8.4.2",
     "@wangeditor/editor": "^5.0.1",
     "@wangeditor/editor-for-vue": "^5.1.10",
     "@zxcvbn-ts/core": "^2.0.1",
     "animate.css": "^4.1.1",
-    "axios": "^0.27.0",
+    "axios": "^0.27.2",
     "echarts": "^5.3.2",
     "echarts-wordcloud": "^2.0.0",
     "element-plus": "2.1.11",
@@ -41,57 +41,57 @@
     "mitt": "^3.0.0",
     "mockjs": "^1.1.0",
     "nprogress": "^0.2.0",
-    "pinia": "^2.0.13",
+    "pinia": "^2.0.14",
     "pinia-plugin-persist": "^1.0.0",
     "qrcode": "^1.5.0",
     "qs": "^6.10.3",
     "url": "^0.11.0",
     "vue": "3.2.33",
-    "vue-i18n": "9.1.9",
+    "vue-i18n": "9.1.10",
-    "vue-router": "^4.0.14",
+    "vue-router": "^4.0.15",
     "vue-types": "^4.1.1",
     "web-storage-cache": "^1.1.1"
   },
   "devDependencies": {
-    "@commitlint/cli": "^16.2.3",
+    "@commitlint/cli": "^16.2.4",
-    "@commitlint/config-conventional": "^16.2.1",
+    "@commitlint/config-conventional": "^16.2.4",
-    "@iconify/json": "^2.1.32",
+    "@iconify/json": "^2.1.38",
     "@intlify/vite-plugin-vue-i18n": "^3.4.0",
     "@purge-icons/generated": "^0.8.1",
     "@types/intro.js": "^3.0.2",
     "@types/lodash-es": "^4.17.6",
-    "@types/node": "^17.0.27",
+    "@types/node": "^17.0.31",
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.4.2",
     "@types/qs": "^6.9.7",
-    "@typescript-eslint/eslint-plugin": "^5.21.0",
+    "@typescript-eslint/eslint-plugin": "^5.22.0",
-    "@typescript-eslint/parser": "^5.21.0",
+    "@typescript-eslint/parser": "^5.22.0",
-    "@vitejs/plugin-vue": "^2.3.1",
+    "@vitejs/plugin-vue": "^2.3.2",
     "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "autoprefixer": "^10.4.5",
+    "autoprefixer": "^10.4.7",
-    "eslint": "^8.14.0",
+    "eslint": "^8.15.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-define-config": "^1.4.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-vue": "^8.7.1",
     "husky": "^7.0.4",
     "less": "^4.1.2",
-    "lint-staged": "^12.4.0",
+    "lint-staged": "^12.4.1",
-    "plop": "^3.0.6",
+    "plop": "^3.1.0",
-    "postcss": "^8.4.12",
+    "postcss": "^8.4.13",
     "postcss-html": "^1.4.1",
     "postcss-less": "^6.0.0",
     "prettier": "^2.6.2",
     "rimraf": "^3.0.2",
-    "stylelint": "^14.7.1",
+    "stylelint": "^14.8.2",
     "stylelint-config-html": "^1.0.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-recommended": "^7.0.0",
     "stylelint-config-standard": "^25.0.0",
     "stylelint-order": "^5.0.0",
-    "typescript": "4.6.3",
+    "typescript": "4.6.4",
     "unplugin-vue-define-options": "^0.6.1",
-    "vite": "2.9.5",
+    "vite": "2.9.8",
     "vite-plugin-eslint": "^1.6.0",
     "vite-plugin-html": "^3.2.0",
     "vite-plugin-mock": "^2.9.6",
@@ -99,7 +99,7 @@
     "vite-plugin-style-import": "^1.4.1",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-windicss": "^1.8.4",
-    "vue-tsc": "^0.34.10",
+    "vue-tsc": "^0.34.11",
     "windicss": "^3.5.1",
     "windicss-analysis": "^0.3.5"
   },

src/components/Menu/src/Menu.vue

@@ -70,6 +70,38 @@ export default defineComponent({
       }
     }
 
+    const renderMenuWrap = () => {
+      if (unref(layout) === 'top') {
+        return renderMenu()
+      } else {
+        return <ElScrollbar>{renderMenu()}</ElScrollbar>
+      }
+    }
+
+    const renderMenu = () => {
+      return (
+        <ElMenu
+          defaultActive={unref(activeMenu)}
+          mode={unref(menuMode)}
+          collapse={
+            unref(layout) === 'top' || unref(layout) === 'cutMenu' ? false : unref(collapse)
+          }
+          uniqueOpened={unref(layout) === 'top' ? false : unref(uniqueOpened)}
+          backgroundColor="var(--left-menu-bg-color)"
+          textColor="var(--left-menu-text-color)"
+          activeTextColor="var(--left-menu-text-active-color)"
+          onSelect={menuSelect}
+        >
+          {{
+            default: () => {
+              const { renderMenuItem } = useRenderMenuItem(unref(routers), unref(menuMode))
+              return renderMenuItem()
+            }
+          }}
+        </ElMenu>
+      )
+    }
+
     return () => (
       <div
         id={prefixCls}
@@ -82,27 +114,7 @@ export default defineComponent({
           }
         ]}
       >
-        <ElScrollbar>
+        {renderMenuWrap()}
-          <ElMenu
-            defaultActive={unref(activeMenu)}
-            mode={unref(menuMode)}
-            collapse={
-              unref(layout) === 'top' || unref(layout) === 'cutMenu' ? false : unref(collapse)
-            }
-            uniqueOpened={unref(layout) === 'top' ? false : unref(uniqueOpened)}
-            backgroundColor="var(--left-menu-bg-color)"
-            textColor="var(--left-menu-text-color)"
-            activeTextColor="var(--left-menu-text-active-color)"
-            onSelect={menuSelect}
-          >
-            {{
-              default: () => {
-                const { renderMenuItem } = useRenderMenuItem(unref(routers), unref(menuMode))
-                return renderMenuItem()
-              }
-            }}
-          </ElMenu>
-        </ElScrollbar>
       </div>
     )
   }