refactor: place the entry for the S3 link page in the side menu (#116)

将 S3 关联页面放置在左侧菜单。 /kind improvement Note: 此特性需要运行在 Halo 2.12 才生效，所以此 PR 同时修改了 requires。 <img width="1920" alt="image" src="https://github.com/halo-dev/plugin-s3/assets/21301288/a78d7837-81c2-4c50-ad19-2c40e74cbc41"> <img width="1920" alt="image" src="https://github.com/halo-dev/plugin-s3/assets/21301288/41edeed8-9ce0-40d1-82a9-1fb376a08c51"> ```release-note 将 S3 关联页面放置在左侧菜单。 ```
halo-dev · Feb 3, 2024 · 2b0dd98 · 2b0dd98
1 parent 8ff4acb
commit 2b0dd98
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 38 deletions.
diff --git a/console/package.json b/console/package.json
@@ -11,9 +11,9 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@halo-dev/api-client": "^2.10.0",
-    "@halo-dev/components": "^1.9.0",
-    "@halo-dev/console-shared": "^2.10.0",
+    "@halo-dev/api-client": "^2.11.0",
+    "@halo-dev/components": "^1.10.0",
+    "@halo-dev/console-shared": "^2.11.0",
     "@tanstack/vue-query": "4.29.1",
     "axios": "^1.4.0",
     "canvas-confetti": "^1.6.0",

diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
diff --git a/console/src/index.ts b/console/src/index.ts
@@ -1,38 +1,50 @@
-import type {Attachment} from "@halo-dev/api-client";
-import type {PluginTab} from "@halo-dev/console-shared";
-import {definePlugin} from "@halo-dev/console-shared";
+import type { Attachment } from "@halo-dev/api-client";
+import { definePlugin } from "@halo-dev/console-shared";
 import S3Link from "./views/S3Link.vue";
-import S3Unlink from "./views/S3Unlink.vue"
-import type {Ref} from "vue";
-import {markRaw} from "vue";
+import S3Unlink from "./views/S3Unlink.vue";
+import type { Ref } from "vue";
+import { markRaw } from "vue";
+import CarbonFolderDetailsReference from "~icons/carbon/folder-details-reference";
 
 export default definePlugin({
   components: {},
-  routes: [],
-  extensionPoints: {
-    "plugin:self:tabs:create": (): PluginTab[] => {
-      return [
-        {
-          id: "s3-link",
-          label: "关联S3文件",
-          // @ts-ignore
-          component: markRaw(S3Link),
-          permissions: ["plugin:s3os:link"]
+  routes: [
+    {
+      parentName: "ToolsRoot",
+      route: {
+        path: "s3-link",
+        name: "S3Link",
+        component: S3Link,
+        meta: {
+          title: "S3 关联",
+          description: "提供将 S3 存储桶中的文件关联到 Halo 中的功能。",
+          searchable: true,
+          permissions: ["plugin:s3os:link"],
+          menu: {
+            name: "S3 关联",
+            icon: markRaw(CarbonFolderDetailsReference),
+            priority: 0,
+          },
         },
-      ];
+      },
     },
-    // @ts-ignore
+  ],
+  extensionPoints: {
     "attachment:list-item:operation:create": (attachment: Ref<Attachment>) => {
       return [
         {
           priority: 21,
           component: markRaw(S3Unlink),
           permissions: ["plugin:s3os:unlink"],
           props: {
-            "attachment": attachment,
+            attachment: attachment,
           },
-          hidden: !(attachment.value.metadata.annotations
-            && attachment.value.metadata.annotations["s3os.plugin.halo.run/object-key"])
+          hidden: !(
+            attachment.value.metadata.annotations &&
+            attachment.value.metadata.annotations[
+              "s3os.plugin.halo.run/object-key"
+            ]
+          ),
         },
       ];
     },

diff --git a/src/main/resources/plugin.yaml b/src/main/resources/plugin.yaml
@@ -4,7 +4,7 @@ metadata:
   name: PluginS3ObjectStorage
 spec:
   enabled: true
-  requires: ">=2.10.0"
+  requires: ">=2.12.0"
   author:
     name: Halo OSS Team
     website: https://github.com/halo-dev