feat: menu 支持配置 _blank 在新页面打开 (#258)

docs/reference/plugin/plugins/layout.md

@@ -300,6 +300,7 @@ export const layout = {
             ```
 
   - **children**：子菜单配置。
+  - **_blank**：是否在新的窗口打开页面，默认 http 开头的链接在新窗口打开
 
 :::tip
 函数类型仅在运行时可用，可以实现动态变更菜单。

packages/fes-plugin-layout/src/runtime/views/Menu.vue

@@ -126,8 +126,15 @@ export default {
         const onMenuClick = (e) => {
             const path = e.value;
             const currentMenu = menuArray.value.find(item => item.value === path);
-
+            if (currentMenu._blank) {
-            if (/^https?:\/\//.test(path)) {
+                const resolved = router.resolve({
+                    path,
+                    query: currentMenu?.query || {},
+                    params: currentMenu?.params || {},
+                });
+                window.open(resolved.href, '_blank');
+            }
+            else if (/^https?:\/\//.test(path)) {
                 window.open(path, '_blank');
             }
             else if (/^\//.test(path)) {

packages/fes-plugin-layout/src/runtime/views/MultiTabProvider.vue

@@ -135,6 +135,9 @@ export default {
         const handleCloseTab = async (targetKey) => {
             targetKey = targetKey || route.path;
             const selectedPage = findPage(targetKey);
+            if (!selectedPage) {
+                return;
+            }
             const list = [...pageList.value];
             const index = list.indexOf(selectedPage);
             if (route.path === selectedPage.path) {

packages/fes-template/.fes.js

@@ -47,6 +47,7 @@ export default defineBuildConfig({
             {
                 name: 'editor',
                 icon: '/wine-outline.svg',
+                _blank: true,
             },
             {
                 title: '$externalLink',
@@ -70,6 +71,7 @@ export default defineBuildConfig({
             },
             {
                 name: 'pinia',
+                _blank: true,
             },
         ],
         menuProps: {

packages/fes-template/src/pages/pinia.vue

@@ -1,7 +1,10 @@
 <template>
     <div>{{ store.counter }}</div>
-    <FButton class="m-2" @click="store.increment">Button</FButton>
+    <FButton class="m-2" @click="store.increment">
+        Button
+    </FButton>
 </template>
+
 <config>
 {
     "name": "pinia",
@@ -11,6 +14,7 @@
     }
 }
 </config>
+
 <script>
 import { FButton } from '@fesjs/fes-design';
 import { useStore } from '@/store/main';