feat: add closeAllTabs

feat: add closeAllTabs

Author: xiaohuoni

.changeset/red-fishes-report.md

@@ -0,0 +1,5 @@
+---
+'@alita/plugins': patch
+---
+
+closeAllTabs can be used to close all keepalive tabs

packages/plugins/src/keepalive.ts

@@ -94,6 +94,9 @@ export function closeTab(path: string) {
     path
   }});
 }
+export function closeAllTabs() {
+  keepaliveEmitter.emit({type:'closeAllTabs'});
+}
 `,
     });
     // index.ts for export
@@ -102,7 +105,7 @@ export function closeTab(path: string) {
       path: `${DIR_NAME}/index.tsx`,
       content: `
 export { KeepAliveContext,useKeepOutlets } from './context';
-export { dropByCacheKey, closeTab } from './support';
+export { dropByCacheKey, closeTab, closeAllTabs } from './support';
 `,
     });
   });

packages/plugins/templates/keepalive/context.tpl

@@ -198,6 +198,12 @@ export function useKeepOutlets() {
             navigate(`${pathname}${search}${hash}`);
           }
     };
+    const closeAllTabs = () => {
+      const pathList = Object.keys(keepElements.current);
+      pathList.forEach(targetKey => {
+        dropByCacheKey(targetKey?.toLowerCase());
+      });
+    };
     const navigate = useNavigate();
     {{#isPluginModelEnable}}
     const localConfig = React.useMemo(() => {
@@ -275,6 +281,9 @@ export function useKeepOutlets() {
             case 'closeTab':
               closeTab(payload?.path?.toLowerCase());
               break;
+            case 'closeAllTabs':
+              closeAllTabs();
+              break;
 {{/hasTabsLayout}}
           default:
             break;