feat: add closeAllTabs

alitajs · Apr 3, 2024 · fb80f8f · fb80f8f
2 parents 8047bb1 + 573ff34
commit fb80f8f
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/.changeset/red-fishes-report.md b/.changeset/red-fishes-report.md
@@ -0,0 +1,5 @@
+---
+'@alita/plugins': patch
+---
+
+closeAllTabs can be used to close all keepalive tabs
diff --git a/packages/plugins/src/keepalive.ts b/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';
 `,
     });
   });

diff --git a/packages/plugins/templates/keepalive/context.tpl b/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;