fix: v4.3.2 bug fixed

.gitignore

@@ -27,4 +27,3 @@ visualizer.*
 yarn-*.*
 yarn.*
 pnpm.*
-pnpm-lock.yaml

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## 4.3.2
 
+升级 `vue` 版本至最新 `v3.3.8`。
+
+尽可能的暴露了一些模板专属 `hooks`，便于开发者使用。
+
 ### Feats
 
 - `useMenuTag` 所有关闭方法，都支持了多种参数类型传递方式。并且 `closeRight`, `closeLeft` 方法能够正确的关闭标签页
@@ -12,6 +16,7 @@
 ### Fixes
 
 - 修复 LayoutContent 全屏时候在手机浏览器打开高度显示不正确问题
+- 修复 MenuTag 菜单报错问题
 
 ## 4.3.1
 

package.json

@@ -38,7 +38,7 @@
     "pinia": "^2.1.4",
     "pinia-plugin-persistedstate": "^3.1.0",
     "print-js": "^1.6.0",
-    "vue": "^3.3.6",
+    "vue": "^3.3.8",
     "vue-hooks-plus": "1.8.5",
     "vue-i18n": "^9.2.2",
     "vue-router": "^4.2.4",

src/hooks/template/useMainPage.ts

@@ -9,7 +9,7 @@
  * @remark 今天也是元气满满撸代码的一天
  */
 
-import { setVariable } from '@/global-variable/index'
+import { setVariable, getVariableToRefs } from '@/global-variable/index'
 import { LAYOUT_CONTENT_REF } from '@/app-config/routerConfig'
 import { addStyle, removeStyle } from '@/utils/element'
 import { unrefElement } from '@/utils/vue/index'
@@ -30,6 +30,15 @@ export function useMainPage() {
     setTimeout(() => setVariable('globalMainLayoutLoad', true), wait)
   }
 
+  /**
+   *
+   * 当前 LayoutContent 是处于否全屏状态
+   * - true: 全屏
+   * - false: 非全屏
+   */
+  const isLayoutContentMaximized = () =>
+    computed(() => getVariableToRefs('layoutContentMaximize').value)
+
   /**
    *
    * @param full 是否网页全屏内容区域
@@ -57,5 +66,6 @@ export function useMainPage() {
   return {
     reload,
     maximize,
+    isLayoutContentMaximized,
   }
 }

src/layout/components/MenuTag/index.scss

@@ -6,7 +6,7 @@ $menuTagWrapperWidth: 76px;
   border-bottom: solid 1px var(--n-border-color);
   display: flex;
   align-items: center;
-  padding: 4px 0;
+  padding: 6px 0;
 
   & .menu-tag-space {
     width: calc(100% - $space * 2);

src/layout/components/MenuTag/index.tsx

@@ -269,7 +269,8 @@ export default defineComponent({
       } else {
         const isRoot = moreOptions.value[currentContextmenuIndex]
 
-        if (isRoot.key === 'closeCurrentPage') {
+        // 避免 isRoot 为 undefined
+        if (isRoot?.key === 'closeCurrentPage') {
           setMoreOptionsDisabled('closeCurrentPage', true)
         } else {
           setMoreOptionsDisabled('closeCurrentPage', false)
@@ -385,9 +386,11 @@ export default defineComponent({
     /** 动态设置关闭按钮是否可操作 */
     watch(
       () => actionState.actionDropdownShow,
-      () => {
+      (ndata) => {
         // 使用节流函数，避免右键菜单闪烁问题
-        throttle(setDisabledAccordionToIndex, 100)?.()
+        if (ndata) {
+          throttle(setDisabledAccordionToIndex, 100)?.()
+        }
       },
     )
 
@@ -470,7 +473,6 @@ export default defineComponent({
                 {this.getMenuTagOptions.map((curr, idx) => (
                   <NTag
                     key={curr.key}
-                    size="large"
                     strong
                     closable={curr.closeable}
                     onClose={this.closeCurrentMenuTag.bind(this, idx)}