feat(@alita/plugins): add closeAllTabs

alitajs · Apr 2, 2024 · 573ff34 · 573ff34
1 parent 3a1a8d7
commit 573ff34
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
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;