chore: 插件编辑与运行测试beta

packages/ui/certd-client/src/vben/layouts/basic/layout.vue

@@ -88,7 +88,7 @@ function wrapperMenus(menus: MenuRecordRaw[], deep: boolean = true) {
     ? mapTree(menus, (item: any) => {
         return { ...cloneDeep(item), name: $t(item.name) };
       })
-    : menus.map((item) => {
+    : menus.map(item => {
         return { ...cloneDeep(item), name: $t(item.name) };
       });
 }
@@ -96,8 +96,8 @@ function wrapperMenus(menus: MenuRecordRaw[], deep: boolean = true) {
 function toggleSidebar() {
   updatePreferences({
     sidebar: {
-      hidden: !preferences.sidebar.hidden
-    }
+      hidden: !preferences.sidebar.hidden,
+    },
   });
 }
 
@@ -107,12 +107,12 @@ function clearPreferencesAndLogout() {
 
 watch(
   () => preferences.app.layout,
-  async (val) => {
+  async val => {
     if (val === "sidebar-mixed-nav" && preferences.sidebar.hidden) {
       updatePreferences({
         sidebar: {
-          hidden: false
-        }
+          hidden: false,
+        },
       });
     }
   }
@@ -124,7 +124,7 @@ watch(i18n.global.locale, refresh, { flush: "post" });
 
 const slots: SetupContext["slots"] = useSlots();
 const headerSlots = computed(() => {
-  return Object.keys(slots).filter((key) => key.startsWith("header-"));
+  return Object.keys(slots).filter(key => key.startsWith("header-"));
 });
 </script>
 

packages/ui/certd-client/src/vben/preferences/config.ts

@@ -20,14 +20,14 @@ const defaultPreferences: Preferences = {
     loginExpiredMode: "page",
     name: "",
     preferencesButtonPosition: "auto",
-    watermark: false
+    watermark: false,
   },
   breadcrumb: {
     enable: true,
     hideOnlyOne: false,
     showHome: false,
     showIcon: true,
-    styleType: "normal"
+    styleType: "normal",
   },
   copyright: {
     companyName: "greper",
@@ -36,33 +36,33 @@ const defaultPreferences: Preferences = {
     enable: false,
     icp: "",
     icpLink: "",
-    settingShow: false
+    settingShow: false,
   },
   footer: {
     enable: true,
-    fixed: false
+    fixed: false,
   },
   header: {
     enable: true,
     hidden: false,
     menuAlign: "start",
-    mode: "fixed"
+    mode: "fixed",
   },
   logo: {
     enable: true,
-    source: "./static/images/logo/logo.svg"
+    source: "./static/images/logo/logo.svg",
   },
   navigation: {
     accordion: true,
     split: true,
-    styleType: "rounded"
+    styleType: "rounded",
   },
   shortcutKeys: {
     enable: true,
     globalLockScreen: true,
     globalLogout: true,
     globalPreferences: true,
-    globalSearch: true
+    globalSearch: true,
   },
   sidebar: {
     autoActivateChild: true,
@@ -72,7 +72,7 @@ const defaultPreferences: Preferences = {
     expandOnHover: true,
     extraCollapse: false,
     hidden: false,
-    width: 224
+    width: 224,
   },
   tabbar: {
     draggable: true,
@@ -86,7 +86,7 @@ const defaultPreferences: Preferences = {
     showMaximize: true,
     showMore: true,
     styleType: "chrome",
-    wheelable: true
+    wheelable: true,
   },
   theme: {
     builtinType: "default",
@@ -97,13 +97,13 @@ const defaultPreferences: Preferences = {
     mode: "light",
     radius: "0.5",
     semiDarkHeader: false,
-    semiDarkSidebar: false
+    semiDarkSidebar: false,
   },
   transition: {
     enable: true,
     loading: false,
     name: "fade-slide",
-    progress: true
+    progress: true,
   },
   widget: {
     fullscreen: true,
@@ -113,8 +113,8 @@ const defaultPreferences: Preferences = {
     notification: false,
     refresh: true,
     sidebarToggle: true,
-    themeToggle: true
-  }
+    themeToggle: true,
+  },
 };
 
 export { defaultPreferences };

packages/ui/certd-client/src/vben/stores/modules/tabbar.ts

@@ -45,7 +45,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * Close tabs in bulk
      */
     async _bulkCloseByPaths(paths: string[]) {
-      this.tabs = this.tabs.filter((item) => {
+      this.tabs = this.tabs.filter(item => {
         return !paths.includes(getTabPath(item));
       });
 
@@ -60,7 +60,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
       if (isAffixTab(tab)) {
         return;
       }
-      const index = this.tabs.findIndex((item) => item.fullPath === fullPath);
+      const index = this.tabs.findIndex(item => item.fullPath === fullPath);
       index !== -1 && this.tabs.splice(index, 1);
     },
     /**
@@ -85,7 +85,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
       const toParams = {
         params: params || {},
         path,
-        query: query || {}
+        query: query || {},
       };
       await router.replace(toParams);
     },
@@ -99,7 +99,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
         return;
       }
 
-      const tabIndex = this.tabs.findIndex((tab) => {
+      const tabIndex = this.tabs.findIndex(tab => {
         return getTabPath(tab) === getTabPath(routeTab);
       });
 
@@ -109,13 +109,13 @@ export const useTabbarStore = defineStore("core-tabbar", {
         const maxNumOfOpenTab = (routeTab?.meta?.maxNumOfOpenTab ?? -1) as number;
         // 如果动态路由层级大于 0 了，那么就要限制该路由的打开数限制了
         // 获取到已经打开的动态路由数, 判断是否大于某一个值
-        if (maxNumOfOpenTab > 0 && this.tabs.filter((tab) => tab.name === routeTab.name).length >= maxNumOfOpenTab) {
+        if (maxNumOfOpenTab > 0 && this.tabs.filter(tab => tab.name === routeTab.name).length >= maxNumOfOpenTab) {
           // 关闭第一个
-          const index = this.tabs.findIndex((item) => item.name === routeTab.name);
+          const index = this.tabs.findIndex(item => item.name === routeTab.name);
           index !== -1 && this.tabs.splice(index, 1);
         } else if (maxCount > 0 && this.tabs.length >= maxCount) {
           // 关闭第一个
-          const index = this.tabs.findIndex((item) => !Reflect.has(item.meta, "affixTab") || !item.meta.affixTab);
+          const index = this.tabs.findIndex(item => !Reflect.has(item.meta, "affixTab") || !item.meta.affixTab);
           index !== -1 && this.tabs.splice(index, 1);
         }
         this.tabs.push(tab);
@@ -125,7 +125,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
         const mergedTab = {
           ...currentTab,
           ...tab,
-          meta: { ...currentTab?.meta, ...tab.meta }
+          meta: { ...currentTab?.meta, ...tab.meta },
         };
         if (currentTab) {
           const curMeta = currentTab.meta;
@@ -145,7 +145,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @zh_CN 关闭所有标签页
      */
     async closeAllTabs(router: Router) {
-      const newTabs = this.tabs.filter((tab) => isAffixTab(tab));
+      const newTabs = this.tabs.filter(tab => isAffixTab(tab));
       this.tabs = newTabs.length > 0 ? newTabs : [...this.tabs].splice(0, 1);
       await this._goToDefaultTab(router);
       this.updateCacheTabs();
@@ -155,7 +155,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param tab
      */
     async closeLeftTabs(tab: TabDefinition) {
-      const index = this.tabs.findIndex((item) => getTabPath(item) === getTabPath(tab));
+      const index = this.tabs.findIndex(item => getTabPath(item) === getTabPath(tab));
 
       if (index < 1) {
         return;
@@ -176,13 +176,13 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param tab
      */
     async closeOtherTabs(tab: TabDefinition) {
-      const closePaths = this.tabs.map((item) => getTabPath(item));
+      const closePaths = this.tabs.map(item => getTabPath(item));
 
       const paths: string[] = [];
 
       for (const path of closePaths) {
         if (path !== tab.fullPath) {
-          const closeTab = this.tabs.find((item) => getTabPath(item) === path);
+          const closeTab = this.tabs.find(item => getTabPath(item) === path);
           if (!closeTab) {
             continue;
           }
@@ -198,7 +198,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param tab
      */
     async closeRightTabs(tab: TabDefinition) {
-      const index = this.tabs.findIndex((item) => getTabPath(item) === getTabPath(tab));
+      const index = this.tabs.findIndex(item => getTabPath(item) === getTabPath(tab));
 
       if (index !== -1 && index < this.tabs.length - 1) {
         const rightTabs = this.tabs.slice(index + 1);
@@ -227,7 +227,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
         this.updateCacheTabs();
         return;
       }
-      const index = this.getTabs.findIndex((item) => getTabPath(item) === getTabPath(currentRoute.value));
+      const index = this.getTabs.findIndex(item => getTabPath(item) === getTabPath(currentRoute.value));
 
       const before = this.getTabs[index - 1];
       const after = this.getTabs[index + 1];
@@ -252,7 +252,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      */
     async closeTabByKey(key: string, router: Router) {
       const originKey = decodeURIComponent(key);
-      const index = this.tabs.findIndex((item) => getTabPath(item) === originKey);
+      const index = this.tabs.findIndex(item => getTabPath(item) === originKey);
       if (index === -1) {
         return;
       }
@@ -268,7 +268,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param path
      */
     getTabByPath(path: string) {
-      return this.getTabs.find((item) => getTabPath(item) === path) as TabDefinition;
+      return this.getTabs.find(item => getTabPath(item) === path) as TabDefinition;
     },
     /**
      * @zh_CN 新窗口打开标签页
@@ -283,7 +283,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param tab
      */
     async pinTab(tab: TabDefinition) {
-      const index = this.tabs.findIndex((item) => getTabPath(item) === getTabPath(tab));
+      const index = this.tabs.findIndex(item => getTabPath(item) === getTabPath(tab));
       if (index !== -1) {
         const oldTab = this.tabs[index];
         tab.meta.affixTab = true;
@@ -292,9 +292,9 @@ export const useTabbarStore = defineStore("core-tabbar", {
         this.tabs.splice(index, 1, tab);
       }
       // 过滤固定tabs，后面更改affixTabOrder的值的话可能会有问题，目前行464排序affixTabs没有设置值
-      const affixTabs = this.tabs.filter((tab) => isAffixTab(tab));
+      const affixTabs = this.tabs.filter(tab => isAffixTab(tab));
       // 获得固定tabs的index
-      const newIndex = affixTabs.findIndex((item) => getTabPath(item) === getTabPath(tab));
+      const newIndex = affixTabs.findIndex(item => getTabPath(item) === getTabPath(tab));
       // 交换位置重新排序
       await this.sortTabs(index, newIndex);
     },
@@ -310,7 +310,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
       this.renderRouteView = false;
       startProgress();
 
-      await new Promise((resolve) => setTimeout(resolve, 200));
+      await new Promise(resolve => setTimeout(resolve, 200));
 
       this.excludeCachedTabs.delete(name as string);
       this.renderRouteView = true;
@@ -324,7 +324,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
       if (tab?.meta?.newTabTitle) {
         return;
       }
-      const findTab = this.tabs.find((item) => getTabPath(item) === getTabPath(tab));
+      const findTab = this.tabs.find(item => getTabPath(item) === getTabPath(tab));
       if (findTab) {
         findTab.meta.newTabTitle = undefined;
         await this.updateCacheTabs();
@@ -348,7 +348,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param title
      */
     async setTabTitle(tab: TabDefinition, title: string) {
-      const findTab = this.tabs.find((item) => getTabPath(item) === getTabPath(tab));
+      const findTab = this.tabs.find(item => getTabPath(item) === getTabPath(tab));
 
       if (findTab) {
         findTab.meta.newTabTitle = title;
@@ -389,7 +389,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
      * @param tab
      */
     async unpinTab(tab: TabDefinition) {
-      const index = this.tabs.findIndex((item) => getTabPath(item) === getTabPath(tab));
+      const index = this.tabs.findIndex(item => getTabPath(item) === getTabPath(tab));
 
       if (index !== -1) {
         const oldTab = this.tabs[index];
@@ -399,7 +399,7 @@ export const useTabbarStore = defineStore("core-tabbar", {
         this.tabs.splice(index, 1, tab);
       }
       // 过滤固定tabs，后面更改affixTabOrder的值的话可能会有问题，目前行464排序affixTabs没有设置值
-      const affixTabs = this.tabs.filter((tab) => isAffixTab(tab));
+      const affixTabs = this.tabs.filter(tab => isAffixTab(tab));
       // 获得固定tabs的index,使用固定tabs的下一个位置也就是活动tabs的第一个位置
       const newIndex = affixTabs.length;
       // 交换位置重新排序
@@ -428,11 +428,11 @@ export const useTabbarStore = defineStore("core-tabbar", {
         cacheMap.add(name);
       }
       this.cachedTabs = cacheMap;
-    }
+    },
   },
   getters: {
     affixTabs(): TabDefinition[] {
-      const affixTabs = this.tabs.filter((tab) => isAffixTab(tab));
+      const affixTabs = this.tabs.filter(tab => isAffixTab(tab));
 
       return affixTabs.sort((a, b) => {
         const orderA = (a.meta?.affixTabOrder ?? 0) as number;
@@ -447,16 +447,16 @@ export const useTabbarStore = defineStore("core-tabbar", {
       return [...this.excludeCachedTabs];
     },
     getTabs(): TabDefinition[] {
-      const normalTabs = this.tabs.filter((tab) => !isAffixTab(tab));
+      const normalTabs = this.tabs.filter(tab => !isAffixTab(tab));
       return [...this.affixTabs, ...normalTabs].filter(Boolean);
-    }
+    },
   },
   persist: [
     // tabs不需要保存在localStorage
     {
       pick: ["tabs"],
-      storage: sessionStorage
-    }
+      storage: sessionStorage,
+    },
   ],
   state: (): TabbarState => ({
     cachedTabs: new Set(),
@@ -464,8 +464,8 @@ export const useTabbarStore = defineStore("core-tabbar", {
     excludeCachedTabs: new Set(),
     renderRouteView: true,
     tabs: [],
-    updateTime: Date.now()
-  })
+    updateTime: Date.now(),
+  }),
 });
 
 // 解决热更新问题
@@ -486,16 +486,16 @@ function cloneTab(route: TabDefinition): TabDefinition {
   return {
     ...opt,
     matched: (matched
-      ? matched.map((item) => ({
+      ? matched.map(item => ({
           meta: item.meta,
           name: item.name,
-          path: item.path
+          path: item.path,
         }))
       : undefined) as RouteRecordNormalized[],
     meta: {
       ...meta,
-      newTabTitle: meta.newTabTitle
-    }
+      newTabTitle: meta.newTabTitle,
+    },
   };
 }
 
@@ -513,7 +513,7 @@ function isAffixTab(tab: TabDefinition) {
  */
 function isTabShown(tab: TabDefinition) {
   const matched = tab?.matched ?? [];
-  return !tab.meta.hideInTab && matched.every((item) => !item.meta.hideInTab);
+  return !tab.meta.hideInTab && matched.every(item => !item.meta.hideInTab);
 }
 
 /**
@@ -528,6 +528,6 @@ function routeToTab(route: RouteRecordNormalized) {
   return {
     meta: route.meta,
     name: route.name,
-    path: route.path
+    path: route.path,
   } as TabDefinition;
 }