chore: update

src/views/system/menu/README.md

@@ -20,6 +20,7 @@
 | `frameLoading`    | 加载动画（内嵌的`iframe`页面是否开启首次加载动画）           |
 | `keepAlive`       | 缓存页面（是否缓存该路由页面，开启后会保存该页面的整体状态，刷新后会清空状态） |
 | `hiddenTag`       | 标签页（当前菜单名称或自定义信息禁止添加到标签页）           |
+| `fixedTag`        | 固定标签页（当前菜单名称是否固定显示在标签页且不可关闭）           |
 | `showLink`        | 菜单（是否显示该菜单）                                       |
 | `showParent`      | 父级菜单（是否显示父级菜单 [点击查看更多](https://yiming_chang.gitee.io/pure-admin-doc/pages/routerMenu/#%E7%AC%AC%E4%B8%80%E7%A7%8D-%E8%AF%A5%E6%A8%A1%E5%BC%8F%E9%92%88%E5%AF%B9%E7%88%B6%E7%BA%A7%E8%8F%9C%E5%8D%95%E4%B8%8B%E5%8F%AA%E6%9C%89%E4%B8%80%E4%B8%AA%E5%AD%90%E8%8F%9C%E5%8D%95%E7%9A%84%E6%83%85%E5%86%B5-%E5%9C%A8%E5%AD%90%E8%8F%9C%E5%8D%95%E7%9A%84-meta-%E5%B1%9E%E6%80%A7%E4%B8%AD%E5%8A%A0%E4%B8%8A-showparent-true-%E5%8D%B3%E5%8F%AF)） |
 

src/views/system/menu/form.vue

@@ -10,6 +10,7 @@ import ReAnimateSelector from "@/components/ReAnimateSelector";
 import {
   menuTypeOptions,
   showLinkOptions,
+  fixedTagOptions,
   keepAliveOptions,
   hiddenTagOptions,
   showParentOptions,
@@ -37,6 +38,7 @@ const props = withDefaults(defineProps<FormProps>(), {
     frameLoading: true,
     keepAlive: false,
     hiddenTag: false,
+    fixedTag: false,
     showLink: true,
     showParent: false
   })
@@ -258,33 +260,6 @@ defineExpose({ getRef });
         </el-form-item>
       </re-col>
 
-      <re-col v-show="newFormInline.menuType < 2" :value="12" :xs="24" :sm="24">
-        <el-form-item label="缓存页面">
-          <Segmented
-            :modelValue="newFormInline.keepAlive ? 0 : 1"
-            :options="keepAliveOptions"
-            @change="
-              ({ option: { value } }) => {
-                newFormInline.keepAlive = value;
-              }
-            "
-          />
-        </el-form-item>
-      </re-col>
-      <re-col v-show="newFormInline.menuType < 2" :value="12" :xs="24" :sm="24">
-        <el-form-item label="标签页">
-          <Segmented
-            :modelValue="newFormInline.hiddenTag ? 1 : 0"
-            :options="hiddenTagOptions"
-            @change="
-              ({ option: { value } }) => {
-                newFormInline.hiddenTag = value;
-              }
-            "
-          />
-        </el-form-item>
-      </re-col>
-
       <re-col
         v-show="newFormInline.menuType !== 3"
         :value="12"
@@ -305,7 +280,7 @@ defineExpose({ getRef });
       </re-col>
       <re-col
         v-show="newFormInline.menuType !== 3"
-        :value="8"
+        :value="12"
         :xs="24"
         :sm="24"
       >
@@ -321,6 +296,47 @@ defineExpose({ getRef });
           />
         </el-form-item>
       </re-col>
+
+      <re-col v-show="newFormInline.menuType < 2" :value="12" :xs="24" :sm="24">
+        <el-form-item label="缓存页面">
+          <Segmented
+            :modelValue="newFormInline.keepAlive ? 0 : 1"
+            :options="keepAliveOptions"
+            @change="
+              ({ option: { value } }) => {
+                newFormInline.keepAlive = value;
+              }
+            "
+          />
+        </el-form-item>
+      </re-col>
+
+      <re-col v-show="newFormInline.menuType < 2" :value="12" :xs="24" :sm="24">
+        <el-form-item label="标签页">
+          <Segmented
+            :modelValue="newFormInline.hiddenTag ? 1 : 0"
+            :options="hiddenTagOptions"
+            @change="
+              ({ option: { value } }) => {
+                newFormInline.hiddenTag = value;
+              }
+            "
+          />
+        </el-form-item>
+      </re-col>
+      <re-col v-show="newFormInline.menuType < 2" :value="12" :xs="24" :sm="24">
+        <el-form-item label="固定标签页">
+          <Segmented
+            :modelValue="newFormInline.fixedTag ? 0 : 1"
+            :options="fixedTagOptions"
+            @change="
+              ({ option: { value } }) => {
+                newFormInline.fixedTag = value;
+              }
+            "
+          />
+        </el-form-item>
+      </re-col>
     </el-row>
   </el-form>
 </template>

src/views/system/menu/utils/enums.ts

@@ -32,6 +32,19 @@ const showLinkOptions: Array<OptionsType> = [
   }
 ];
 
+const fixedTagOptions: Array<OptionsType> = [
+  {
+    label: "固定",
+    tip: "当前菜单名称固定显示在标签页且不可关闭",
+    value: true
+  },
+  {
+    label: "不固定",
+    tip: "当前菜单名称不固定显示在标签页且可关闭",
+    value: false
+  }
+];
+
 const keepAliveOptions: Array<OptionsType> = [
   {
     label: "缓存",
@@ -87,6 +100,7 @@ const frameLoadingOptions: Array<OptionsType> = [
 export {
   menuTypeOptions,
   showLinkOptions,
+  fixedTagOptions,
   keepAliveOptions,
   hiddenTagOptions,
   showParentOptions,

src/views/system/menu/utils/hook.tsx

@@ -155,6 +155,7 @@ export function useMenu() {
           frameLoading: row?.frameLoading ?? true,
           keepAlive: row?.keepAlive ?? false,
           hiddenTag: row?.hiddenTag ?? false,
+          fixedTag: row?.fixedTag ?? false,
           showLink: row?.showLink ?? true,
           showParent: row?.showParent ?? false
         }

src/views/system/menu/utils/types.ts

@@ -19,6 +19,7 @@ interface FormItemProps {
   frameLoading: boolean;
   keepAlive: boolean;
   hiddenTag: boolean;
+  fixedTag: boolean;
   showLink: boolean;
   showParent: boolean;
 }

types/router.d.ts

@@ -47,7 +47,7 @@ declare global {
     };
     /** 当前菜单名称或自定义信息禁止添加到标签页（默认`false`） */
     hiddenTag?: boolean;
-    /** 当前菜单是否固定显示在标签页且不可关闭（默认`false`） */
+    /** 当前菜单名称是否固定显示在标签页且不可关闭（默认`false`） */
     fixedTag?: boolean;
     /** 动态路由可打开的最大数量 `可选` */
     dynamicLevel?: number;