From e99adebc0369710411c23bf03589c396306a86da Mon Sep 17 00:00:00 2001
From: Fine <fanxue0830@gmail.com>
Date: Sat, 8 Jul 2023 14:34:49 +0800
Subject: [PATCH] feat: add types

---
 src/types/app.d.ts              | 13 +++++++++++++
 src/views/marketplace/Menus.vue | 15 ++++++++-------
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/types/app.d.ts b/src/types/app.d.ts
index 4cf123ce..2d12b4c3 100644
--- a/src/types/app.d.ts
+++ b/src/types/app.d.ts
@@ -46,3 +46,16 @@ export type EventParams = {
   color: string;
   event: any;
 };
+
+export interface MenuOptions {
+  layer: string;
+  icon: string;
+  title: string;
+  activate: boolean;
+  subItems: {
+    layer: string;
+    icon: string;
+    title: string;
+    activate: boolean;
+  }[];
+}
diff --git a/src/views/marketplace/Menus.vue b/src/views/marketplace/Menus.vue
index acb07715..d32e6e37 100644
--- a/src/views/marketplace/Menus.vue
+++ b/src/views/marketplace/Menus.vue
@@ -33,12 +33,13 @@ limitations under the License. -->
 <script lang="ts" setup>
   import { ref } from "vue";
   import { useI18n } from "vue-i18n";
+  import { MenuOptions } from "@/types/app";
   import { useAppStoreWithOut } from "@/store/modules/app";
 
   const appStore = useAppStoreWithOut();
   const { t } = useI18n();
   const treeRef = ref<InstanceType<any>>();
-  const activateMenus = ref<any[]>([]);
+  const activateMenus = ref<MenuOptions[]>([]);
   const checkedKeys = ref<string[]>([]);
   const defaultProps = {
     children: "subItems",
@@ -56,10 +57,10 @@ limitations under the License. -->
 
   async function getActivateMenus() {
     const resp = (await appStore.queryMenuItems()) || {};
-    const menus = (resp.getMenuItems || []).map((d: any, index: number) => {
+    const menus = (resp.getMenuItems || []).map((d: MenuOptions, index: number) => {
       d.id = String(index);
       if (d.subItems) {
-        d.subItems = d.subItems.map((item: any, subIndex: number) => {
+        d.subItems = d.subItems.map((item: MenuOptions, subIndex: number) => {
           item.id = `${index}-${subIndex}`;
           return item;
         });
@@ -69,9 +70,9 @@ limitations under the License. -->
 
       return d;
     });
-    activateMenus.value = menus.filter((d: any) => {
+    activateMenus.value = menus.filter((d: MenuOptions) => {
       if (d.activate) {
-        d.subItems = d.subItems.filter((item: any) => {
+        d.subItems = d.subItems.filter((item: MenuOptions) => {
           if (item.activate) {
             return item;
           }
@@ -95,9 +96,9 @@ limitations under the License. -->
   }
 
   function setCurrentMenus() {
-    const current = activateMenus.value.filter((d: any) => {
+    const current = activateMenus.value.filter((d: MenuOptions) => {
       if (checkedKeys.value.includes(d.id)) {
-        d.subItems = d.subItems.filter((item: any) => {
+        d.subItems = d.subItems.filter((item: MenuOptions) => {
           if (checkedKeys.value.includes(item.id)) {
             return item;
           }