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

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.14" || '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

@@ -181,5 +181,5 @@ export interface TerminalViewerProps {
      */
     onRefresh?: () => void;
 }
-declare const TerminalViewer: React.ForwardRefExoticComponent<Omit<TerminalViewerProps, "ref"> & React.RefAttributes<TerminalRef | undefined>>;
+declare const TerminalViewer: React.ForwardRefExoticComponent<Omit<TerminalViewerProps, "ref"> & React.RefAttributes<TerminalRef<import("@xterm/xterm").Terminal | import("../types").VirtualDomTerminal> | undefined>>;
 export default TerminalViewer;

package/dist/esm/TerminalViewer/index.js

@@ -93,6 +93,10 @@ 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 searchOptionsRef = useRef(_objectSpread(_objectSpread({}, defaultSearchOptions), localSearchOptions));
   useEffect(function () {
     searchOptionsRef.current = _objectSpread(_objectSpread({}, defaultSearchOptions), localSearchOptions);
@@ -235,7 +239,9 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onSearchPrev: handleSearchPrev,
     onSearchNext: handleSearchNext,
     onTitleChange: handleTitleChange,
-    onRefresh: handleRefresh
+    onRefresh: handleRefresh,
+    terminalRef: instanceRef,
+    allCollapsed: allCollapsed
   }), Array.isArray(tabs) && tabs.map(function (tab, index) {
     if (activeTabIndex === index) {
       return /*#__PURE__*/React.createElement(ViewerBody, {
@@ -255,7 +261,8 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
         terminalOptions: terminalOptions,
         extraOptions: extraOptions,
         onAddonReady: handleAddonReady,
-        onLoading: handleLoading
+        onLoading: handleLoading,
+        onCollapseStatusChange: setAllCollapsed
       });
     }
     return null;
@@ -275,7 +282,8 @@ var TerminalViewer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     terminalOptions: terminalOptions,
     extraOptions: extraOptions,
     onAddonReady: handleAddonReady,
-    onLoading: handleLoading
+    onLoading: handleLoading,
+    onCollapseStatusChange: setAllCollapsed
   }), 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/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/esm/TerminalViewerHeader/CollapseButton.js

@@ -0,0 +1,72 @@
+import React from 'react';
+var FoldIcon = function FoldIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "fold",
+    className: "ruyi-icon ruyi-icon-fold",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    style: {
+      width: '16px',
+      height: '16px'
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8.49985 12.4826L8.49985 15.1367L7.49985 15.1367L7.49985 12.4826L5.80837 14.1741L5.10126 13.4669L7.6463 10.9219C7.84156 10.7267 8.15814 10.7267 8.3534 10.9219L10.8984 13.4669L10.1913 14.1741L8.49985 12.4826Z",
+    fill: "rgb(255,255,255)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M7.49991 3.65414L7.4999 1L8.4999 1L8.49991 3.65415L10.1914 1.96266L10.8985 2.66977L8.35346 5.21481C8.1582 5.41007 7.84162 5.41007 7.64635 5.21481L5.10132 2.66977L5.80842 1.96266L7.49991 3.65414Z",
+    fill: "rgb(255,255,255)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15 8.06836C15 7.51608 14.5522 7.06836 14 7.06836C13.4478 7.06836 13 7.51608 13 8.06836C13 8.62064 13.4478 9.06836 14 9.06836C14.5522 9.06836 15 8.62064 15 8.06836ZM12 8.06836C12 7.51608 11.5522 7.06836 11 7.06836C10.4478 7.06836 10 7.51608 10 8.06836C10 8.62064 10.4478 9.06836 11 9.06836C11.5522 9.06836 12 8.62064 12 8.06836ZM8 7.06836C8.55225 7.06836 9 7.51608 9 8.06836C9 8.62064 8.55225 9.06836 8 9.06836C7.44775 9.06836 7 8.62064 7 8.06836C7 7.51608 7.44775 7.06836 8 7.06836ZM6 8.06836C6 7.51608 5.55225 7.06836 5 7.06836C4.44775 7.06836 4 7.51608 4 8.06836C4 8.62064 4.44775 9.06836 5 9.06836C5.55225 9.06836 6 8.62064 6 8.06836ZM2 7.06836C2.55225 7.06836 3 7.51608 3 8.06836C3 8.62064 2.55225 9.06836 2 9.06836C1.44775 9.06836 1 8.62064 1 8.06836C1 7.51608 1.44775 7.06836 2 7.06836Z",
+    fill: "rgb(255,255,255)",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  })));
+};
+var UnFoldIcon = function UnFoldIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    id: "unfold",
+    className: "ruyi-icon ruyi-icon-unfold",
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    style: {
+      width: '16px',
+      height: '16px'
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M7.49984 13.2249L7.49984 10.5684L8.49984 10.5684L8.49984 13.2249L10.1913 11.5335L10.8984 12.2406L8.3534 14.7856C8.15814 14.9809 7.84155 14.9809 7.64629 14.7856L5.10126 12.2406L5.80836 11.5335L7.49984 13.2249Z",
+    fill: "rgb(255,255,255)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.49985 2.91421L8.49985 5.56836L7.49985 5.56836L7.49985 2.91421L5.80837 4.60569L5.10126 3.89859L7.6463 1.35355C7.84156 1.15829 8.15814 1.15829 8.3534 1.35355L10.8984 3.89859L10.1913 4.6057L8.49985 2.91421Z",
+    fill: "rgb(255,255,255)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15 8.06836C15 7.51608 14.5522 7.06836 14 7.06836C13.4478 7.06836 13 7.51608 13 8.06836C13 8.62064 13.4478 9.06836 14 9.06836C14.5522 9.06836 15 8.62064 15 8.06836ZM12 8.06836C12 7.51608 11.5522 7.06836 11 7.06836C10.4478 7.06836 10 7.51608 10 8.06836C10 8.62064 10.4478 9.06836 11 9.06836C11.5522 9.06836 12 8.62064 12 8.06836ZM8 7.06836C8.55225 7.06836 9 7.51608 9 8.06836C9 8.62064 8.55225 9.06836 8 9.06836C7.44775 9.06836 7 8.62064 7 8.06836C7 7.51608 7.44775 7.06836 8 7.06836ZM6 8.06836C6 7.51608 5.55225 7.06836 5 7.06836C4.44775 7.06836 4 7.51608 4 8.06836C4 8.62064 4.44775 9.06836 5 9.06836C5.55225 9.06836 6 8.62064 6 8.06836ZM2 7.06836C2.55225 7.06836 3 7.51608 3 8.06836C3 8.62064 2.55225 9.06836 2 9.06836C1.44775 9.06836 1 8.62064 1 8.06836C1 7.51608 1.44775 7.06836 2 7.06836Z",
+    fill: "rgb(255,255,255)",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  })));
+};
+var CollapseButton = function CollapseButton(_ref) {
+  var type = _ref.type,
+    onClick = _ref.onClick,
+    title = _ref.title,
+    className = _ref.className;
+  var icon = type === 'fold' ? /*#__PURE__*/React.createElement(FoldIcon, null) : /*#__PURE__*/React.createElement(UnFoldIcon, null);
+  return /*#__PURE__*/React.createElement("span", {
+    className: ['terminal-viewer-header-collapse-button', className].filter(Boolean).join(' '),
+    onClick: onClick,
+    title: title,
+    "data-tooltip": title,
+    style: {
+      cursor: 'pointer'
+    }
+  }, icon);
+};
+export default CollapseButton;

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,14 @@ 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;
 }
-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, }: TerminalViewerHeaderProps<T>) => React.JSX.Element;
 export default TerminalViewerHeader;

package/dist/esm/TerminalViewerHeader/index.js

@@ -1,13 +1,16 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 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 CollapseButton from "./CollapseButton";
 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 +32,9 @@ 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;
   var _useState = useState(defaultValue || ''),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -51,6 +56,10 @@ var TerminalViewerHeader = function TerminalViewerHeader(_ref) {
       onSearchNext(value || '');
     }
   };
+  var isVirtualDomTerminal = function isVirtualDomTerminal(term) {
+    return term !== null && _typeof(term) === 'object' && 'collapseAll' in term;
+  };
+  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 +108,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 +133,25 @@ 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, isVirtualDomTerminal(termInstance) && /*#__PURE__*/React.createElement("div", {
+    className: "terminal-viewer-header-collapse-actions",
+    style: {
+      display: 'flex',
+      gap: '4px',
+      marginLeft: '8px'
+    }
+  }, allCollapsed ? /*#__PURE__*/React.createElement(CollapseButton, {
+    type: "unfold",
+    title: "\u5C55\u5F00\u5168\u90E8",
+    onClick: function onClick() {
+      return termInstance.expandAll();
+    }
+  }) : /*#__PURE__*/React.createElement(CollapseButton, {
+    type: "fold",
+    title: "\u6298\u53E0\u5168\u90E8",
+    onClick: function onClick() {
+      return termInstance.collapseAll();
+    }
+  }))));
 };
 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;
   }
@@ -141,3 +143,60 @@ input.terminal-viewer-input {
   font-size: 16px;
   cursor: pointer;
 }
+
+.terminal-viewer-header-collapse-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
+  transition: background-color 0.3s;
+
+  &:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    border-radius: 4px;
+  }
+
+  &::after,
+  &::before {
+    position: absolute;
+    left: 50%;
+    z-index: 1070; // Antd tooltip z-index
+    opacity: 0;
+    transition: opacity 0.1s cubic-bezier(0.23, 1, 0.32, 1),
+      transform 0.1s cubic-bezier(0.23, 1, 0.32, 1);
+    pointer-events: none;
+  }
+
+  &::after {
+    bottom: 100%;
+    padding: 6px 8px;
+    color: #fff;
+    font-size: 12px;
+    line-height: 1.5715;
+    white-space: nowrap;
+    background-color: #62656f;
+    border-radius: 2px;
+    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08),
+      0 9px 28px 8px rgba(0, 0, 0, 0.05);
+    transform: translate(-50%, 4px) scale(0.9);
+    content: attr(data-tooltip);
+  }
+
+  &::before {
+    bottom: 100%;
+    margin-bottom: -5px; // 箭头微调
+    border: 5px solid transparent;
+    border-top-color: #62656f;
+    transform: translate(-50%, 4px) scale(0.9);
+    content: '';
+  }
+
+  &:hover::after,
+  &:hover::before {
+    transform: translate(-50%, -8px) scale(1);
+    opacity: 1;
+  }
+}

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/.dumi/tmp/core/historyIntelli.d.ts

@@ -6,7 +6,7 @@ type IsRoot<T extends any> = 'parentId' extends keyof T ? false : true;
 type GetAllRouteWithoutLayout<Item extends AllRoute> = Item extends any ? 'isWrapper' extends keyof Item ? never : 'isLayout' extends keyof Item ? never : Item : never;
 type AllRouteWithoutLayout = GetAllRouteWithoutLayout<AllRoute>;
 type IndexRoutePathname = '/' extends AllRouteWithoutLayout['path'] ? '/' : never;
-type GetChildrens<T extends any> = T extends any ? IsRoot<T> extends true ? never : T : never;
+type GetChildrens<T extends any> = T extends any ? (IsRoot<T> extends true ? never : T) : never;
 type Childrens = GetChildrens<AllRoute>;
 type Root = Exclude<AllRoute, Childrens>;
 type AllIds = AllRoute['id'];