react-terminal-viewer-cicd 3.0.0-beta.13 → 3.0.0-beta.15

package/README.md

@@ -119,14 +119,16 @@ webpack 配置：
 ```
 
 ## 发布
+
 打标签后使用流水线发布或使用常规方式手动发布：
 
 ```bash
 npm version patch && npm publish
 ```
+
 ## 更新在线地址
 
-合并代码后与打标签后使用流水线发布，使用常规方式合并代码与构建后，手动推送至deploy
+合并代码后与打标签后使用流水线发布，使用常规方式合并代码与构建后，手动推送至 deploy
 
 ## 修复已知问题
 
@@ -144,7 +146,7 @@ npm version patch && npm publish
 ## API
 
 | 属性名 | 描述 | 类型 | 默认值 |
-| --- | --- | --- | --- |
+| --- | --- | --- | --- | --- | --- |
 | fit | 是否自动拉伸填充容器宽高 | boolean | true |
 | autoScroll | 是否开启自动滚动到底部 | boolean | true |
 | scrollToRow | 自动滚动到某一行，开启后自动滚动到底部失效 | number | -- |

package/dist/esm/Addon/WorkerLog/LogWorker.js

@@ -1,7 +1,7 @@
 function LogWorker() {
   var workerPath = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '/worker';
   var worker = null;
-  var version = "3.0.0-beta.13" || '0.0.0';
+  var version = "3.0.0-beta.15" || '0.0.0';
   var path = workerPath.includes('http') ? "".concat(workerPath, "/log.worker.js") : "".concat(window.location.origin).concat(workerPath, "/log.worker.js");
   var blob = new Blob(["importScripts(\"".concat(path, "?v=").concat(version, "\")")], {
     type: 'application/javascript'

package/dist/esm/Hooks/useThrottle.js

@@ -1,5 +1,5 @@
-import { useRef, useCallback, useEffect } from 'react';
 import throttle from 'lodash.throttle';
+import { useCallback, useEffect, useRef } from 'react';
 var useThrottle = function useThrottle(cb) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
   var cbRef = useRef(cb);

package/dist/esm/Hooks/useWorkerLogs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SearchResultCallback, SearcherRef, SearcherResult } from '../Addon/WorkerLog/types';
+import type { SearcherRef, SearcherResult, SearchResultCallback } from '../Addon/WorkerLog/types';
 export declare const useWorkerLogs: (string: string, changeCallback?: SearchResultCallback) => {
     logs: string[];
     working: boolean;

package/dist/esm/Hooks/useWorkerLogs.js

@@ -7,9 +7,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { useEffect, useRef, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import WebWorkerClient from "../Addon/WorkerLog/WebWorkerClient";
 import globalContext from "../Addon/WorkerLog/GlobalContext";
 import LogWorker from "../Addon/WorkerLog/LogWorker";
+import WebWorkerClient from "../Addon/WorkerLog/WebWorkerClient";
 export var useWorkerLogs = function useWorkerLogs(string, changeCallback) {
   var prefixRef = useRef('prefix');
   var _useState = useState([]),

package/dist/esm/TerminalViewer/index.d.ts

@@ -1,10 +1,10 @@
-import { ITerminalOptions } from '@xterm/xterm';
+import { ITerminalOptions, Terminal } from '@xterm/xterm';
 import React from 'react';
 import type { IHighlightOptions } from '../Addon/HighlightAddon';
 import type { ISearchOptions } from '../Addon/SearchAddon';
 import type { ICacheOptions } from '../Hooks/useCache';
 import type { IRemoteOptions } from '../Hooks/useRemote';
-import { ExtraOptions, LogAfterProps, TerminalRef } from '../types';
+import { ExtraOptions, LogAfterProps, TerminalRef, VirtualDomTerminal } from '../types';
 import './index.less';
 export interface TerminalViewerProps {
     /**
@@ -180,6 +180,14 @@ export interface TerminalViewerProps {
      * @description.zh-CN 刷新后的回调函数
      */
     onRefresh?: () => void;
+    /**
+     * @description.zh-CN 折叠状态变更后的回调
+     */
+    onCollapseStatusChange?: (allCollapsed: boolean) => void;
+    /**
+     * @description.zh-CN 折叠操作
+     */
+    collapseAction?: (terminal: Terminal | VirtualDomTerminal, allCollapsed: boolean) => React.ReactNode;
 }
-declare const TerminalViewer: React.ForwardRefExoticComponent<Omit<TerminalViewerProps, "ref"> & React.RefAttributes<TerminalRef | undefined>>;
+declare const TerminalViewer: React.ForwardRefExoticComponent<Omit<TerminalViewerProps, "ref"> & React.RefAttributes<TerminalRef<Terminal | VirtualDomTerminal> | undefined>>;
 export default TerminalViewer;

package/dist/esm/TerminalViewer/index.js

@@ -70,7 +70,9 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     getContainer = _ref.getContainer,
     onTitleChange = _ref.onTitleChange,
     onLoading = _ref.onLoading,
-    onRefresh = _ref.onRefresh;
+    onRefresh = _ref.onRefresh,
+    onCollapseStatusChange = _ref.onCollapseStatusChange,
+    collapseAction = _ref.collapseAction;
   var localSearchOptions = searchOptions !== null && searchOptions !== void 0 ? searchOptions : {};
   var instanceRef = useRef();
   var searchValueRef = useRef('');
@@ -93,6 +95,14 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     searchResult = _useState8[0],
     setSearchResult = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    allCollapsed = _useState10[0],
+    setAllCollapsed = _useState10[1];
+  var handleCollapseStatusChange = useCallback(function (collapsed) {
+    setAllCollapsed(collapsed);
+    onCollapseStatusChange === null || onCollapseStatusChange === void 0 || onCollapseStatusChange(collapsed);
+  }, [onCollapseStatusChange]);
   var searchOptionsRef = useRef(_objectSpread(_objectSpread({}, defaultSearchOptions), localSearchOptions));
   useEffect(function () {
     searchOptionsRef.current = _objectSpread(_objectSpread({}, defaultSearchOptions), localSearchOptions);
@@ -235,7 +245,10 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onSearchPrev: handleSearchPrev,
     onSearchNext: handleSearchNext,
     onTitleChange: handleTitleChange,
-    onRefresh: handleRefresh
+    onRefresh: handleRefresh,
+    terminalRef: instanceRef,
+    allCollapsed: allCollapsed,
+    collapseAction: collapseAction
   }), Array.isArray(tabs) && tabs.map(function (tab, index) {
     if (activeTabIndex === index) {
       return /*#__PURE__*/React.createElement(ViewerBody, {
@@ -255,7 +268,8 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
         terminalOptions: terminalOptions,
         extraOptions: extraOptions,
         onAddonReady: handleAddonReady,
-        onLoading: handleLoading
+        onLoading: handleLoading,
+        onCollapseStatusChange: handleCollapseStatusChange
       });
     }
     return null;
@@ -275,7 +289,8 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     terminalOptions: terminalOptions,
     extraOptions: extraOptions,
     onAddonReady: handleAddonReady,
-    onLoading: handleLoading
+    onLoading: handleLoading,
+    onCollapseStatusChange: handleCollapseStatusChange
   }), toolbar || /*#__PURE__*/React.createElement(TerminalViewerToolBar, {
     icons: icons,
     fullScreen: fullScreen,

package/dist/esm/TerminalViewerBody/index.d.ts

@@ -83,5 +83,5 @@ export interface TerminalViewerBodyProps {
      */
     onLoading?: (loading: boolean) => void;
 }
-declare const TerminalViewerBody: React.ForwardRefExoticComponent<TerminalViewerBodyProps & React.RefAttributes<TerminalRef | undefined>>;
+declare const TerminalViewerBody: React.ForwardRefExoticComponent<TerminalViewerBodyProps & React.RefAttributes<TerminalRef<Terminal | import("../types").VirtualDomTerminal> | undefined>>;
 export default TerminalViewerBody;

package/dist/esm/TerminalViewerHeader/index.d.ts

@@ -1,6 +1,8 @@
+import { Terminal } from '@xterm/xterm';
 import React from 'react';
+import { TerminalRef, VirtualDomTerminal } from '../types';
 import './index.less';
-export interface TerminalViewerHeaderProps {
+export interface TerminalViewerHeaderProps<T extends Terminal | VirtualDomTerminal = Terminal | VirtualDomTerminal> {
     /**
      * @description.zh-CN 搜索框 placeholder
      * @default 请输入
@@ -15,7 +17,7 @@ export interface TerminalViewerHeaderProps {
      * @description.zh-CN 是否支持清除搜索框
      * @default true
      */
-    clearable?: string;
+    clearable?: boolean;
     /**
      * @description.zh-CN 是否支持刷新
      */
@@ -83,6 +85,18 @@ export interface TerminalViewerHeaderProps {
      *@description.zh-CN 点击刷新按钮后的回调
      */
     onRefresh?: (e: React.SyntheticEvent<HTMLSpanElement>) => void;
+    /**
+     * @description.zh-CN 终端实例
+     */
+    terminalRef?: React.MutableRefObject<TerminalRef<T> | undefined>;
+    /**
+     * @description.zh-CN 是否全部折叠
+     */
+    allCollapsed?: boolean;
+    /**
+     * @description.zh-CN 折叠操作
+     */
+    collapseAction?: (terminal: T, allCollapsed: boolean) => React.ReactNode;
 }
-declare const TerminalViewerHeader: React.FC<TerminalViewerHeaderProps>;
+declare const TerminalViewerHeader: <T extends Terminal | VirtualDomTerminal = Terminal | VirtualDomTerminal>({ placeholder, defaultValue, clearable, refreshable, loading, activeTitleIndex, titles, searchResult, inputAddonBefore, inputAddonAfter, icons, onTitleChange, onSearchPrev, onSearchNext, onSearchChange, onSearchClear, onRefresh, terminalRef, allCollapsed, collapseAction, }: TerminalViewerHeaderProps<T>) => React.JSX.Element;
 export default TerminalViewerHeader;

package/dist/esm/TerminalViewerHeader/index.js

@@ -4,10 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { CloseCircleFilled, DownOutlined, LoadingOutlined, ReloadOutlined, SearchOutlined, UpOutlined } from '@ant-design/icons';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { CloseCircleFilled, SearchOutlined, UpOutlined, DownOutlined, ReloadOutlined, LoadingOutlined } from '@ant-design/icons';
 import "./index.less";
 var TerminalViewerHeader = function TerminalViewerHeader(_ref) {
+  var _terminalRef$current, _terminalRef$current$;
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
     defaultValue = _ref.defaultValue,
@@ -29,7 +30,10 @@ var TerminalViewerHeader = function TerminalViewerHeader(_ref) {
     onSearchNext = _ref.onSearchNext,
     onSearchChange = _ref.onSearchChange,
     onSearchClear = _ref.onSearchClear,
-    onRefresh = _ref.onRefresh;
+    onRefresh = _ref.onRefresh,
+    terminalRef = _ref.terminalRef,
+    allCollapsed = _ref.allCollapsed,
+    collapseAction = _ref.collapseAction;
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -51,6 +55,7 @@ var TerminalViewerHeader = function TerminalViewerHeader(_ref) {
       onSearchNext(value || '');
     }
   };
+  var termInstance = terminalRef === null || terminalRef === void 0 || (_terminalRef$current = terminalRef.current) === null || _terminalRef$current === void 0 || (_terminalRef$current$ = _terminalRef$current.terminal) === null || _terminalRef$current$ === void 0 ? void 0 : _terminalRef$current$.call(_terminalRef$current);
   var handleSearchClear = function handleSearchClear(e) {
     setValue('');
     if (onSearchClear instanceof Function) {
@@ -99,7 +104,7 @@ var TerminalViewerHeader = function TerminalViewerHeader(_ref) {
     onClick: loading ? undefined : onRefresh
   }, loading ? (icons === null || icons === void 0 ? void 0 : icons.loading) || /*#__PURE__*/React.createElement(LoadingOutlined, null) : (icons === null || icons === void 0 ? void 0 : icons.refresh) || /*#__PURE__*/React.createElement(ReloadOutlined, null)), /*#__PURE__*/React.createElement("div", {
     className: "terminal-viewer-input-wrapper"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, (icons === null || icons === void 0 ? void 0 : icons.search) || /*#__PURE__*/React.createElement(SearchOutlined, null), /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     type: "text",
     value: value,
@@ -124,6 +129,6 @@ var TerminalViewerHeader = function TerminalViewerHeader(_ref) {
   }, (icons === null || icons === void 0 ? void 0 : icons.up) || /*#__PURE__*/React.createElement(UpOutlined, null)), /*#__PURE__*/React.createElement("span", {
     className: "input-suffix-search-tool",
     onClick: handleSearchNext
-  }, (icons === null || icons === void 0 ? void 0 : icons.down) || /*#__PURE__*/React.createElement(DownOutlined, null)), (icons === null || icons === void 0 ? void 0 : icons.search) || /*#__PURE__*/React.createElement(SearchOutlined, null))), inputAddonAfter));
+  }, (icons === null || icons === void 0 ? void 0 : icons.down) || /*#__PURE__*/React.createElement(DownOutlined, null)))), inputAddonAfter, termInstance && (collapseAction === null || collapseAction === void 0 ? void 0 : collapseAction(termInstance, !!allCollapsed))));
 };
 export default TerminalViewerHeader;

package/dist/esm/TerminalViewerHeader/index.less

@@ -63,6 +63,12 @@
       display: flex;
     }
   }
+
+  .anticon-search {
+    margin-right: 8px;
+    color: #fff;
+    font-size: 16px;
+  }
 }
 
 input.terminal-viewer-input {
@@ -95,10 +101,6 @@ input.terminal-viewer-input {
   flex-shrink: 0;
   align-items: center;
 
-  .anticon-search {
-    font-size: 16px;
-  }
-
   > * {
     margin-left: 8px;
   }

package/dist/esm/TerminalViewerToolBar/index.js

@@ -1,5 +1,5 @@
+import { FullscreenExitOutlined, FullscreenOutlined, VerticalAlignBottomOutlined, VerticalAlignTopOutlined } from '@ant-design/icons';
 import React from 'react';
-import { FullscreenOutlined, FullscreenExitOutlined, VerticalAlignTopOutlined, VerticalAlignBottomOutlined } from '@ant-design/icons';
 import "./index.less";
 var TerminalViewerToolBar = function TerminalViewerToolBar(_ref) {
   var className = _ref.className,

package/dist/esm/TerminalViewerVirtualDom/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@xterm/xterm" />
 import React from 'react';
 import { IHighlightOptions } from '../Addon/HighlightAddon';
 import type { SearcherRef } from '../Addon/WorkerLog/types';
@@ -62,6 +63,10 @@ export interface TerminalViewerVirtualDomProps {
      * @description.zh-CN 加载状态变更后的回调
      */
     onLoading?: (loading: boolean) => void;
+    /**
+     * @description.zh-CN 折叠状态变更后的回调
+     */
+    onCollapseStatusChange?: (allCollapsed: boolean) => void;
 }
 /**
  * 置顶时：滚动到第一个分组
@@ -69,5 +74,5 @@ export interface TerminalViewerVirtualDomProps {
  * 最后一个分组折叠时，在折叠之前，添加底部空间
  * 最后一个分组展开时，在展开之前，删除底部空间
  */
-declare const ReactVirtuoso: React.ForwardRefExoticComponent<TerminalViewerVirtualDomProps & React.RefAttributes<TerminalRef | undefined>>;
+declare const ReactVirtuoso: React.ForwardRefExoticComponent<TerminalViewerVirtualDomProps & React.RefAttributes<TerminalRef<import("src").Terminal | VirtualDomTerminal> | undefined>>;
 export default ReactVirtuoso;

package/dist/esm/TerminalViewerVirtualDom/index.js

@@ -70,7 +70,8 @@ var ReactVirtuoso = /*#__PURE__*/forwardRef(function (_ref, ref) {
     highlightOptions = _ref.highlightOptions,
     extraOptions = _ref.extraOptions,
     onLoading = _ref.onLoading,
-    onAddonReady = _ref.onAddonReady;
+    onAddonReady = _ref.onAddonReady,
+    onCollapseStatusChange = _ref.onCollapseStatusChange;
   var domRef = useRef(null);
   var mountedRef = useRef(false);
   var virtuosoRef = useRef(null);
@@ -116,7 +117,10 @@ var ReactVirtuoso = /*#__PURE__*/forwardRef(function (_ref, ref) {
     parserRef = _useStreamStepWorkerL.parserRef,
     stageStatsRef = _useStreamStepWorkerL.stageStatsRef,
     hasUserCollapseRef = _useStreamStepWorkerL.hasUserCollapseRef,
-    lastCollapseRef = _useStreamStepWorkerL.lastCollapseRef;
+    lastCollapseRef = _useStreamStepWorkerL.lastCollapseRef,
+    isAllCollapsed = _useStreamStepWorkerL.isAllCollapsed,
+    collapseAll = _useStreamStepWorkerL.collapseAll,
+    expandAll = _useStreamStepWorkerL.expandAll;
   var lineNumberWidth = useMemo(function () {
     var _extraOptionsRef$curr, _domRef$current;
     if (!((_extraOptionsRef$curr = extraOptionsRef.current) !== null && _extraOptionsRef$curr !== void 0 && _extraOptionsRef$curr.showLineNumber)) {
@@ -311,6 +315,11 @@ var ReactVirtuoso = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }, 16);
     }
   }, [autoScroll, logs.length, scrollToRow, searcherResult.count]);
+  useEffect(function () {
+    if (typeof onCollapseStatusChange === 'function') {
+      onCollapseStatusChange(isAllCollapsed);
+    }
+  }, [isAllCollapsed, onCollapseStatusChange]);
   useEffect(function () {
     if (typeof onLoading === 'function') {
       onLoading(working || loading);
@@ -392,7 +401,9 @@ var ReactVirtuoso = /*#__PURE__*/forwardRef(function (_ref, ref) {
               });
             }
             isScrollTopRef.current = false;
-          }
+          },
+          collapseAll: collapseAll,
+          expandAll: expandAll
         };
       }
     };

package/dist/esm/TerminalViewerVirtualDom/useStreamStepWorkerLogs.d.ts

@@ -7,6 +7,8 @@ export declare const useStreamStepWorkerLogs: (string: string, changeCallback?:
     searcherRef: import("react").MutableRefObject<SearcherRef | undefined>;
     searcherResult: SearcherResult;
     toggleStage: (groupIndex: number, count: any) => void;
+    collapseAll: () => void;
+    expandAll: () => void;
     groupCounts: number[];
     parserRef: import("react").MutableRefObject<{
         stages: Stage[];
@@ -17,5 +19,6 @@ export declare const useStreamStepWorkerLogs: (string: string, changeCallback?:
     }[]>;
     hasUserCollapseRef: import("react").MutableRefObject<boolean>;
     lastCollapseRef: import("react").MutableRefObject<boolean>;
+    isAllCollapsed: boolean;
 };
 export default useStreamStepWorkerLogs;

package/dist/esm/TerminalViewerVirtualDom/useStreamStepWorkerLogs.js

@@ -8,13 +8,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* eslint-disable function-paren-newline */
+/* eslint-disable no-param-reassign */
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 /* eslint-disable no-plusplus */
 /* eslint-disable no-bitwise */
 /* eslint-disable max-len */
 /* eslint-disable @typescript-eslint/no-unused-vars */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import globalContext from "../Addon/WorkerLog/GlobalContext";
 import LogWorker from "../Addon/WorkerLog/LogWorker";
@@ -75,8 +77,34 @@ export var useStreamStepWorkerLogs = function useStreamStepWorkerLogs(string, ch
       return newCount;
     });
   }, []);
-  /* ---------- 折叠相关逻辑 END ---------- */
-
+  // 收起全部分组
+  var collapseAll = useCallback(function () {
+    var _stageStatsRef$curren2, _parserRef$current2;
+    hasUserCollapseRef.current = true;
+    stageStatsRef.current.forEach(function (stat) {
+      stat.collapse = true;
+    });
+    lastCollapseRef.current = ((_stageStatsRef$curren2 = stageStatsRef.current[Number((_parserRef$current2 = parserRef.current) === null || _parserRef$current2 === void 0 ? void 0 : _parserRef$current2.stages.length) - 1]) === null || _stageStatsRef$curren2 === void 0 ? void 0 : _stageStatsRef$curren2.collapse) || false;
+    setGroupCounts(function (pre) {
+      return pre.map(function () {
+        return 0;
+      });
+    });
+  }, []);
+  // 展开全部分组
+  var expandAll = useCallback(function () {
+    hasUserCollapseRef.current = true;
+    stageStatsRef.current.forEach(function (stat) {
+      stat.collapse = false;
+    });
+    lastCollapseRef.current = false;
+    setGroupCounts(function () {
+      return parserRef.current.stages.map(function (_, i) {
+        var _stageStatsRef$curren3, _stageStatsRef$curren4;
+        return (_stageStatsRef$curren3 = (_stageStatsRef$curren4 = stageStatsRef.current[i]) === null || _stageStatsRef$curren4 === void 0 ? void 0 : _stageStatsRef$curren4.totalCount) !== null && _stageStatsRef$curren3 !== void 0 ? _stageStatsRef$curren3 : 0;
+      });
+    });
+  }, []);
   useEffect(function () {
     prefixRef.current = uuidv4();
   }, []);
@@ -182,8 +210,8 @@ export var useStreamStepWorkerLogs = function useStreamStepWorkerLogs(string, ch
                   lastCollapseRef.current = false;
                 }
                 return stages.map(function (s, i) {
-                  var _stageStatsRef$curren2;
-                  var currentCollapseStatus = (_stageStatsRef$curren2 = stageStatsRef.current) === null || _stageStatsRef$curren2 === void 0 || (_stageStatsRef$curren2 = _stageStatsRef$curren2[i]) === null || _stageStatsRef$curren2 === void 0 ? void 0 : _stageStatsRef$curren2.collapse;
+                  var _stageStatsRef$curren5;
+                  var currentCollapseStatus = (_stageStatsRef$curren5 = stageStatsRef.current) === null || _stageStatsRef$curren5 === void 0 || (_stageStatsRef$curren5 = _stageStatsRef$curren5[i]) === null || _stageStatsRef$curren5 === void 0 ? void 0 : _stageStatsRef$curren5.collapse;
                   // 计算实际在 flatLines 中的行数（不包含 START/END 行）
                   // 使用 startIndex 和 endIndex 来计算
                   var actualCount = 0;
@@ -241,17 +269,26 @@ export var useStreamStepWorkerLogs = function useStreamStepWorkerLogs(string, ch
       worker === null || worker === void 0 || worker.off('search-log-success', onSearchSuccess);
     };
   }, []);
+  var isAllCollapsed = useMemo(function () {
+    if (groupCounts.length === 0) return false;
+    return groupCounts.every(function (count) {
+      return count === 0;
+    });
+  }, [groupCounts]);
   return {
     logs: logs,
     working: working,
     searcherRef: searcherRef,
     searcherResult: searcherResult,
     toggleStage: toggleStage,
+    collapseAll: collapseAll,
+    expandAll: expandAll,
     groupCounts: groupCounts,
     parserRef: parserRef,
     stageStatsRef: stageStatsRef,
     hasUserCollapseRef: hasUserCollapseRef,
-    lastCollapseRef: lastCollapseRef
+    lastCollapseRef: lastCollapseRef,
+    isAllCollapsed: isAllCollapsed
   };
 };
 export default useStreamStepWorkerLogs;

package/dist/esm/types.d.ts

@@ -26,8 +26,12 @@ export interface ExtraOptions {
 export interface VirtualDomTerminal {
     scrollToTop: () => void;
     scrollToBottom: () => void;
+    /** 收起全部分组 */
+    collapseAll: () => void;
+    /** 展开全部分组 */
+    expandAll: () => void;
 }
-export interface TerminalRef {
+export interface TerminalRef<T extends Terminal | VirtualDomTerminal = Terminal | VirtualDomTerminal> {
     el?: HTMLDivElement | null;
     refresh: () => void;
     addons?: {
@@ -37,7 +41,7 @@ export interface TerminalRef {
         highlight?: () => HighlightAddon | undefined;
         canvas?: () => CanvasAddon | undefined;
     } | undefined;
-    terminal?: () => Terminal | VirtualDomTerminal | undefined;
+    terminal?: () => T | undefined;
 }
 export interface LogAfterProps {
     index: number;

package/dist/worker/src/Hooks/useWorkerLogs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SearchResultCallback, SearcherRef, SearcherResult } from '../Addon/WorkerLog/types';
+import type { SearcherRef, SearcherResult, SearchResultCallback } from '../Addon/WorkerLog/types';
 export declare const useWorkerLogs: (string: string, changeCallback?: SearchResultCallback) => {
     logs: string[];
     working: boolean;

package/dist/worker/src/TerminalViewer/index.d.ts

@@ -1,10 +1,10 @@
-import { ITerminalOptions } from '@xterm/xterm';
+import { ITerminalOptions, Terminal } from '@xterm/xterm';
 import React from 'react';
 import type { IHighlightOptions } from '../Addon/HighlightAddon';
 import type { ISearchOptions } from '../Addon/SearchAddon';
 import type { ICacheOptions } from '../Hooks/useCache';
 import type { IRemoteOptions } from '../Hooks/useRemote';
-import { ExtraOptions, LogAfterProps, TerminalRef } from '../types';
+import { ExtraOptions, LogAfterProps, TerminalRef, VirtualDomTerminal } from '../types';
 import './index.less';
 export interface TerminalViewerProps {
     /**
@@ -180,6 +180,14 @@ export interface TerminalViewerProps {
      * @description.zh-CN 刷新后的回调函数
      */
     onRefresh?: () => void;
+    /**
+     * @description.zh-CN 折叠状态变更后的回调
+     */
+    onCollapseStatusChange?: (allCollapsed: boolean) => void;
+    /**
+     * @description.zh-CN 折叠操作
+     */
+    collapseAction?: (terminal: Terminal | VirtualDomTerminal, allCollapsed: boolean) => React.ReactNode;
 }
-declare const TerminalViewer: React.ForwardRefExoticComponent<Omit<TerminalViewerProps, "ref"> & React.RefAttributes<TerminalRef | undefined>>;
+declare const TerminalViewer: React.ForwardRefExoticComponent<Omit<TerminalViewerProps, "ref"> & React.RefAttributes<TerminalRef<Terminal | VirtualDomTerminal> | undefined>>;
 export default TerminalViewer;

package/dist/worker/src/TerminalViewerBody/index.d.ts

@@ -83,5 +83,5 @@ export interface TerminalViewerBodyProps {
      */
     onLoading?: (loading: boolean) => void;
 }
-declare const TerminalViewerBody: React.ForwardRefExoticComponent<TerminalViewerBodyProps & React.RefAttributes<TerminalRef | undefined>>;
+declare const TerminalViewerBody: React.ForwardRefExoticComponent<TerminalViewerBodyProps & React.RefAttributes<TerminalRef<Terminal | import("../types").VirtualDomTerminal> | undefined>>;
 export default TerminalViewerBody;

package/dist/worker/src/TerminalViewerHeader/CollapseButton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CollapseButtonProps {
+    /**
+     * @description.zh-CN 类型：fold (折叠全部) | unfold (展开全部)
+     */
+    type: 'fold' | 'unfold';
+    /**
+     * @description.zh-CN 点击回调
+     */
+    onClick?: (e: React.MouseEvent<HTMLElement>) => void;
+    /**
+     * @description.zh-CN 提示文字
+     */
+    title?: string;
+    /**
+     * @description.zh-CN 类名
+     */
+    className?: string;
+}
+declare const CollapseButton: React.FC<CollapseButtonProps>;
+export default CollapseButton;

package/dist/worker/src/TerminalViewerHeader/index.d.ts

@@ -1,6 +1,8 @@
+import { Terminal } from '@xterm/xterm';
 import React from 'react';
+import { TerminalRef, VirtualDomTerminal } from '../types';
 import './index.less';
-export interface TerminalViewerHeaderProps {
+export interface TerminalViewerHeaderProps<T extends Terminal | VirtualDomTerminal = Terminal | VirtualDomTerminal> {
     /**
      * @description.zh-CN 搜索框 placeholder
      * @default 请输入
@@ -15,7 +17,7 @@ export interface TerminalViewerHeaderProps {
      * @description.zh-CN 是否支持清除搜索框
      * @default true
      */
-    clearable?: string;
+    clearable?: boolean;
     /**
      * @description.zh-CN 是否支持刷新
      */
@@ -83,6 +85,18 @@ export interface TerminalViewerHeaderProps {
      *@description.zh-CN 点击刷新按钮后的回调
      */
     onRefresh?: (e: React.SyntheticEvent<HTMLSpanElement>) => void;
+    /**
+     * @description.zh-CN 终端实例
+     */
+    terminalRef?: React.MutableRefObject<TerminalRef<T> | undefined>;
+    /**
+     * @description.zh-CN 是否全部折叠
+     */
+    allCollapsed?: boolean;
+    /**
+     * @description.zh-CN 折叠操作
+     */
+    collapseAction?: (terminal: T, allCollapsed: boolean) => React.ReactNode;
 }
-declare const TerminalViewerHeader: React.FC<TerminalViewerHeaderProps>;
+declare const TerminalViewerHeader: <T extends Terminal | VirtualDomTerminal = Terminal | VirtualDomTerminal>({ placeholder, defaultValue, clearable, refreshable, loading, activeTitleIndex, titles, searchResult, inputAddonBefore, inputAddonAfter, icons, onTitleChange, onSearchPrev, onSearchNext, onSearchChange, onSearchClear, onRefresh, terminalRef, allCollapsed, collapseAction, }: TerminalViewerHeaderProps<T>) => React.JSX.Element;
 export default TerminalViewerHeader;

package/dist/worker/src/TerminalViewerVirtualDom/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@xterm/xterm" />
 import React from 'react';
 import { IHighlightOptions } from '../Addon/HighlightAddon';
 import type { SearcherRef } from '../Addon/WorkerLog/types';
@@ -62,6 +63,10 @@ export interface TerminalViewerVirtualDomProps {
      * @description.zh-CN 加载状态变更后的回调
      */
     onLoading?: (loading: boolean) => void;
+    /**
+     * @description.zh-CN 折叠状态变更后的回调
+     */
+    onCollapseStatusChange?: (allCollapsed: boolean) => void;
 }
 /**
  * 置顶时：滚动到第一个分组
@@ -69,5 +74,5 @@ export interface TerminalViewerVirtualDomProps {
  * 最后一个分组折叠时，在折叠之前，添加底部空间
  * 最后一个分组展开时，在展开之前，删除底部空间
  */
-declare const ReactVirtuoso: React.ForwardRefExoticComponent<TerminalViewerVirtualDomProps & React.RefAttributes<TerminalRef | undefined>>;
+declare const ReactVirtuoso: React.ForwardRefExoticComponent<TerminalViewerVirtualDomProps & React.RefAttributes<TerminalRef<import("@xterm/xterm").Terminal | VirtualDomTerminal> | undefined>>;
 export default ReactVirtuoso;

package/dist/worker/src/TerminalViewerVirtualDom/useStreamStepWorkerLogs.d.ts

@@ -7,6 +7,8 @@ export declare const useStreamStepWorkerLogs: (string: string, changeCallback?:
     searcherRef: import("react").MutableRefObject<SearcherRef | undefined>;
     searcherResult: SearcherResult;
     toggleStage: (groupIndex: number, count: any) => void;
+    collapseAll: () => void;
+    expandAll: () => void;
     groupCounts: number[];
     parserRef: import("react").MutableRefObject<{
         stages: Stage[];
@@ -17,5 +19,6 @@ export declare const useStreamStepWorkerLogs: (string: string, changeCallback?:
     }[]>;
     hasUserCollapseRef: import("react").MutableRefObject<boolean>;
     lastCollapseRef: import("react").MutableRefObject<boolean>;
+    isAllCollapsed: boolean;
 };
 export default useStreamStepWorkerLogs;