react-terminal-viewer-cicd 3.0.0-beta.41 → 3.0.0-beta.42

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.41" || '0.0.0';
+  var version = "3.0.0-beta.42" || '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/PipelineLogViewer/PipelineLogViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PipelineLogViewer.d.ts","sourceRoot":"","sources":["../../../src/PipelineLogViewer/PipelineLogViewer.tsx"],"names":[],"mappings":"AAoBA,OAAO,KASN,MAAM,OAAO,CAAC;AAef,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAGV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAuEjB,QAAA,MAAM,iBAAiB,qGAgrCtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PipelineLogViewer.d.ts","sourceRoot":"","sources":["../../../src/PipelineLogViewer/PipelineLogViewer.tsx"],"names":[],"mappings":"AAoBA,OAAO,KASN,MAAM,OAAO,CAAC;AAef,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAGV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAuEjB,QAAA,MAAM,iBAAiB,qGAotCtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/esm/PipelineLogViewer/PipelineLogViewer.js

@@ -421,7 +421,9 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     if (jumpTarget !== null) {
       collapseAirdropActiveRef.current = true;
       logFetcherResult.setIsUserBrowsingHistory(true);
-      logFetcherResult.airdropLoad(jumpTarget);
+      logFetcherResult.airdropLoad(jumpTarget, {
+        silent: true
+      });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [displayLogs.length, logFetcherResult.boundaryLock.isFirstPage, logFetcherResult.loading, groupManager.collapsedGroups, groups]);
@@ -878,6 +880,37 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       });
     }
   }, []);
+
+  /** 等待 fetchingRef 锁释放（轮询 loadNext 可能恰好持有），避免 airdrop / initLoad 被拒 */
+  var waitForFetchUnlock = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
+    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          if (logFetcherResult.isFetchLocked()) {
+            _context4.next = 2;
+            break;
+          }
+          return _context4.abrupt("return");
+        case 2:
+          _context4.next = 4;
+          return new Promise(function (resolve) {
+            var attempts = 0;
+            var check = function check() {
+              attempts += 1;
+              if (!logFetcherResult.isFetchLocked() || attempts > 300) {
+                resolve();
+                return;
+              }
+              requestAnimationFrame(check);
+            };
+            requestAnimationFrame(check);
+          });
+        case 4:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [logFetcherResult]);
   var handleToggleGroup = useCallback(function (name) {
     lastGroupToggleAtRef.current = Date.now();
     var isExpanding = groupManager.collapsedGroups.has(name);
@@ -887,74 +920,135 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       });
       if (group) {
         if (airdropExpandInFlightRef.current.has(name)) return;
-        var _logFetcherResult$cur3 = logFetcherResult.cursor,
-          bufStart = _logFetcherResult$cur3.currentStartRow,
-          bufEnd = _logFetcherResult$cur3.currentEndRow;
-        // 当前内存窗口是否已包含 group.start（重复展开同一分组时不重复空降）
-        var groupStartInBuffer = bufStart <= group.start && group.start <= bufEnd;
         suppressFollowForGroupAction();
-        userStoppedFollowingRef.current = true;
-        logFetcherResult.setIsUserBrowsingHistory(true);
-        if (!groupStartInBuffer) {
+        if (group.status === 'running') {
+          // --- Running 分组：展开后跳到最新日志并恢复跟随 ---
           airdropExpandInFlightRef.current.add(name);
           setLoadingGroupNames(function (prev) {
             return prev.includes(name) ? prev : [].concat(_toConsumableArray(prev), [name]);
           });
-          var runAirdropThenExpand = /*#__PURE__*/function () {
-            var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-              var ok;
-              return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-                while (1) switch (_context4.prev = _context4.next) {
+          var runExpandToLatest = /*#__PURE__*/function () {
+            var _ref9 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+              return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
                   case 0:
-                    _context4.prev = 0;
-                    _context4.next = 3;
-                    return logFetcherResult.airdropLoad(group.start, {
-                      window: 'fromStart',
+                    _context5.prev = 0;
+                    _context5.next = 3;
+                    return waitForFetchUnlock();
+                  case 3:
+                    _context5.next = 5;
+                    return logFetcherResult.initLoad({
                       silent: true
                     });
-                  case 3:
-                    ok = _context4.sent;
-                    if (!ok) {
-                      _context4.next = 7;
-                      break;
-                    }
-                    _context4.next = 7;
-                    return new Promise(function (resolve) {
-                      requestAnimationFrame(function () {
-                        requestAnimationFrame(function () {
-                          maintainScrollPosition(function () {
-                            groupManager.toggleGroup(name);
-                          });
-                          resolve();
-                        });
+                  case 5:
+                    groupManager.toggleGroup(name);
+                    userStoppedFollowingRef.current = false;
+                    collapseAirdropActiveRef.current = false;
+                    logFetcherResult.setIsUserBrowsingHistory(false);
+                    ignoreBoundaryFetchRef.current = Date.now() + 500;
+                    requestAnimationFrame(function () {
+                      var _virtuosoRef$current6;
+                      (_virtuosoRef$current6 = virtuosoRef.current) === null || _virtuosoRef$current6 === void 0 || _virtuosoRef$current6.scrollToIndex({
+                        index: 'LAST',
+                        align: 'end',
+                        behavior: 'auto'
                       });
                     });
-                  case 7:
-                    _context4.prev = 7;
+                  case 11:
+                    _context5.prev = 11;
                     airdropExpandInFlightRef.current.delete(name);
                     setLoadingGroupNames(function (prev) {
                       return prev.filter(function (n) {
                         return n !== name;
                       });
                     });
-                    return _context4.finish(7);
-                  case 11:
+                    return _context5.finish(11);
+                  case 15:
                   case "end":
-                    return _context4.stop();
+                    return _context5.stop();
                 }
-              }, _callee4, null, [[0,, 7, 11]]);
+              }, _callee5, null, [[0,, 11, 15]]);
             }));
-            return function runAirdropThenExpand() {
-              return _ref8.apply(this, arguments);
+            return function runExpandToLatest() {
+              return _ref9.apply(this, arguments);
             };
           }();
-          runAirdropThenExpand();
+          runExpandToLatest();
         } else {
-          // 缓冲内展开：用当前视口锚点重定位，避免原先 scrollToIndex(group.start) 把起点硬拉到顶，
-          // running 等大分组展开时整屏上跳；与折叠分支一致走 maintainScrollPosition。
-          maintainScrollPosition(function () {
+          var _group$end2;
+          // --- 非 running 分组：展开后跳到分组最后一行 ---
+          var groupEnd = (_group$end2 = group.end) !== null && _group$end2 !== void 0 ? _group$end2 : group.start;
+          var _logFetcherResult$cur3 = logFetcherResult.cursor,
+            bufStart = _logFetcherResult$cur3.currentStartRow,
+            bufEnd = _logFetcherResult$cur3.currentEndRow;
+          var groupEndInBuffer = bufStart <= groupEnd && groupEnd <= bufEnd;
+          userStoppedFollowingRef.current = true;
+          logFetcherResult.setIsUserBrowsingHistory(true);
+          if (!groupEndInBuffer) {
+            airdropExpandInFlightRef.current.add(name);
+            setLoadingGroupNames(function (prev) {
+              return prev.includes(name) ? prev : [].concat(_toConsumableArray(prev), [name]);
+            });
+            var runAirdropThenExpand = /*#__PURE__*/function () {
+              var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+                var ok;
+                return _regeneratorRuntime().wrap(function _callee6$(_context6) {
+                  while (1) switch (_context6.prev = _context6.next) {
+                    case 0:
+                      _context6.prev = 0;
+                      _context6.next = 3;
+                      return waitForFetchUnlock();
+                    case 3:
+                      _context6.next = 5;
+                      return logFetcherResult.airdropLoad(groupEnd, {
+                        window: 'center',
+                        silent: true
+                      });
+                    case 5:
+                      ok = _context6.sent;
+                      if (ok) {
+                        groupManager.toggleGroup(name);
+                        pendingScrollAlignRef.current = 'center';
+                        pendingScrollRowRef.current = groupEnd;
+                      }
+                    case 7:
+                      _context6.prev = 7;
+                      airdropExpandInFlightRef.current.delete(name);
+                      setLoadingGroupNames(function (prev) {
+                        return prev.filter(function (n) {
+                          return n !== name;
+                        });
+                      });
+                      return _context6.finish(7);
+                    case 11:
+                    case "end":
+                      return _context6.stop();
+                  }
+                }, _callee6, null, [[0,, 7, 11]]);
+              }));
+              return function runAirdropThenExpand() {
+                return _ref10.apply(this, arguments);
+              };
+            }();
+            runAirdropThenExpand();
+          } else {
             groupManager.toggleGroup(name);
-          });
+            ignoreBoundaryFetchRef.current = Date.now() + 500;
+            requestAnimationFrame(function () {
+              var currentLogs = displayLogsRef.current;
+              var displayIndex = currentLogs.findIndex(function (l) {
+                return l.absoluteRow === groupEnd;
+              });
+              if (displayIndex >= 0) {
+                var _virtuosoRef$current7;
+                (_virtuosoRef$current7 = virtuosoRef.current) === null || _virtuosoRef$current7 === void 0 || _virtuosoRef$current7.scrollToIndex({
+                  index: displayIndex,
+                  align: 'center',
+                  behavior: 'auto'
+                });
+              }
+            });
+          }
         }
         return;
       }
@@ -967,7 +1061,7 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       logFetcherResult.setIsUserBrowsingHistory(true);
       groupManager.toggleGroup(name);
     });
-  }, [groups, groupManager, suppressFollowForGroupAction, logFetcherResult, maintainScrollPosition]);
+  }, [groups, groupManager, suppressFollowForGroupAction, logFetcherResult, maintainScrollPosition, waitForFetchUnlock]);
   var handleCollapseAll = useCallback(function () {
     lastGroupToggleAtRef.current = Date.now();
     maintainScrollPosition(function () {
@@ -1106,6 +1200,7 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       absoluteRow: line.absoluteRow,
       lineNumberLabel: lineNumberLabel,
       text: line.text,
+      logTime: line.logTime,
       isMatched: isMatched,
       isActiveMatch: isActiveMatch,
       lineNumberWidth: lineNumberWidthRef.current,
@@ -1137,10 +1232,10 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   useImperativeHandle(ref, function () {
     return {
       scrollToTop: function () {
-        var _scrollToTop = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
+        var _scrollToTop = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
           var globalFirstRow, bufStart, needsTopWindow, ok;
-          return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
+          return _regeneratorRuntime().wrap(function _callee7$(_context7) {
+            while (1) switch (_context7.prev = _context7.next) {
               case 0:
                 groupManager.expandAll();
                 userStoppedFollowingRef.current = true;
@@ -1155,64 +1250,46 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
                 needsTopWindow = bufStart > globalFirstRow;
                 ignoreBoundaryFetchRef.current = Date.now() + 500;
                 if (!needsTopWindow) {
-                  _context5.next = 22;
+                  _context7.next = 21;
                   break;
                 }
-                // airdropLoad 完成时 React 尚未提交新 displayLogs，单帧 rAF 里 scrollToIndex(0)
-                // 仍作用在旧列表上（index 0 = 旧缓冲首行），无法置顶；与搜索跨页一致走 pending。
                 pendingScrollAlignRef.current = 'start';
                 pendingScrollRowRef.current = globalFirstRow;
-                // 轮询 loadNext 可能恰好持有 fetchingRef 锁，等其释放后再空降
-                if (!logFetcherResult.isFetchLocked()) {
-                  _context5.next = 13;
-                  break;
-                }
-                _context5.next = 13;
-                return new Promise(function (resolve) {
-                  var attempts = 0;
-                  var check = function check() {
-                    attempts += 1;
-                    if (!logFetcherResult.isFetchLocked() || attempts > 300) {
-                      resolve();
-                      return;
-                    }
-                    requestAnimationFrame(check);
-                  };
-                  requestAnimationFrame(check);
-                });
-              case 13:
-                _context5.next = 15;
+                _context7.next = 12;
+                return waitForFetchUnlock();
+              case 12:
+                _context7.next = 14;
                 return logFetcherResult.airdropLoad(globalFirstRow, {
                   window: 'fromStart'
                 });
-              case 15:
-                ok = _context5.sent;
+              case 14:
+                ok = _context7.sent;
                 if (ok) {
-                  _context5.next = 20;
+                  _context7.next = 19;
                   break;
                 }
                 pendingScrollRowRef.current = null;
                 pendingScrollAlignRef.current = 'center';
-                return _context5.abrupt("return");
-              case 20:
+                return _context7.abrupt("return");
+              case 19:
                 logFetcherResult.updateBoundaryLock({
                   isLastPage: false
                 });
-                return _context5.abrupt("return");
-              case 22:
+                return _context7.abrupt("return");
+              case 21:
                 requestAnimationFrame(function () {
-                  var _virtuosoRef$current6;
-                  (_virtuosoRef$current6 = virtuosoRef.current) === null || _virtuosoRef$current6 === void 0 || _virtuosoRef$current6.scrollToIndex({
+                  var _virtuosoRef$current8;
+                  (_virtuosoRef$current8 = virtuosoRef.current) === null || _virtuosoRef$current8 === void 0 || _virtuosoRef$current8.scrollToIndex({
                     index: 0,
                     align: 'start',
                     behavior: 'auto'
                   });
                 });
-              case 23:
+              case 22:
               case "end":
-                return _context5.stop();
+                return _context7.stop();
             }
-          }, _callee5);
+          }, _callee7);
         }));
         function scrollToTop() {
           return _scrollToTop.apply(this, arguments);
@@ -1220,20 +1297,20 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         return scrollToTop;
       }(),
       scrollToBottom: function () {
-        var _scrollToBottom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
+        var _scrollToBottom = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
           var needsFetch;
-          return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-            while (1) switch (_context6.prev = _context6.next) {
+          return _regeneratorRuntime().wrap(function _callee8$(_context8) {
+            while (1) switch (_context8.prev = _context8.next) {
               case 0:
                 groupManager.expandAll();
                 userStoppedFollowingRef.current = false;
                 collapseAirdropActiveRef.current = false;
                 needsFetch = status !== 'running' && !logFetcherResult.boundaryLock.isLastPage || status === 'running' && logFetcherResult.isUserBrowsingHistory;
                 if (!needsFetch) {
-                  _context6.next = 8;
+                  _context8.next = 8;
                   break;
                 }
-                _context6.next = 7;
+                _context8.next = 7;
                 return logFetcherResult.initLoad();
               case 7:
                 logFetcherResult.updateBoundaryLock({
@@ -1242,17 +1319,17 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
               case 8:
                 ignoreBoundaryFetchRef.current = Date.now() + 500;
                 setTimeout(function () {
-                  var _virtuosoRef$current7;
-                  (_virtuosoRef$current7 = virtuosoRef.current) === null || _virtuosoRef$current7 === void 0 || _virtuosoRef$current7.scrollToIndex({
+                  var _virtuosoRef$current9;
+                  (_virtuosoRef$current9 = virtuosoRef.current) === null || _virtuosoRef$current9 === void 0 || _virtuosoRef$current9.scrollToIndex({
                     index: 'LAST',
                     align: 'end'
                   });
                 }, 50);
               case 10:
               case "end":
-                return _context6.stop();
+                return _context8.stop();
             }
-          }, _callee6);
+          }, _callee8);
         }));
         function scrollToBottom() {
           return _scrollToBottom.apply(this, arguments);

package/dist/esm/PipelineLogViewer/components/LogRow.d.ts

@@ -7,6 +7,8 @@ interface LogRowProps {
     lineNumberLabel?: number | null;
     /** 日志文本 (可能包含 ANSI 转 HTML 后的内容) */
     text: string;
+    /** 日志打印时间 */
+    logTime?: number;
     /** 是否为搜索匹配行 */
     isMatched?: boolean;
     /** 是否为当前聚焦的匹配行 */

package/dist/esm/PipelineLogViewer/components/LogRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LogRow.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/LogRow.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmBlD,UAAU,WAAW;IACnB,aAAa;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACvC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;AA4DD,wBAAkC"}
+{"version":3,"file":"LogRow.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/LogRow.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA4BlD,UAAU,WAAW;IACnB,aAAa;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,mCAAmC;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB;IAClB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa;IACb,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACvC,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;;AAiED,wBAAkC"}

package/dist/esm/PipelineLogViewer/components/LogRow.js

@@ -10,6 +10,14 @@
 
 import React, { useMemo } from 'react';
 import wrapSearchKeywordInHtml from "../utils/wrapSearchKeywordInHtml";
+function formatLogTime(ts) {
+  var ms = ts > 1e15 ? Math.floor(ts / 1000) : ts;
+  var d = new Date(ms);
+  var pad = function pad(n) {
+    return String(n).padStart(2, '0');
+  };
+  return "[".concat(d.getFullYear(), "-").concat(pad(d.getMonth() + 1), "-").concat(pad(d.getDate()), " ").concat(pad(d.getHours()), ":").concat(pad(d.getMinutes()), ":").concat(pad(d.getSeconds()), "]");
+}
 function findHighlightOption(htmlForMatch, options) {
   if (!(options !== null && options !== void 0 && options.length)) return undefined;
   return options.find(function (option) {
@@ -26,6 +34,7 @@ var LogRow = function LogRow(_ref) {
   var absoluteRow = _ref.absoluteRow,
     lineNumberLabel = _ref.lineNumberLabel,
     text = _ref.text,
+    logTime = _ref.logTime,
     isMatched = _ref.isMatched,
     isActiveMatch = _ref.isActiveMatch,
     lineNumberWidth = _ref.lineNumberWidth,
@@ -60,7 +69,9 @@ var LogRow = function LogRow(_ref) {
     style: {
       minWidth: "".concat(lineNumberWidth, "px")
     }
-  }, lineNumberLabel === null ? '' : lineNumberLabel !== null && lineNumberLabel !== void 0 ? lineNumberLabel : absoluteRow), /*#__PURE__*/React.createElement("span", {
+  }, lineNumberLabel === null ? '' : lineNumberLabel !== null && lineNumberLabel !== void 0 ? lineNumberLabel : absoluteRow), logTime != null && logTime > 0 && /*#__PURE__*/React.createElement("span", {
+    className: "pipeline-log-row__log-time"
+  }, formatLogTime(logTime)), /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-row__text",
     style: hlStyle,
     dangerouslySetInnerHTML: {

package/dist/esm/PipelineLogViewer/components/SearchBar.d.ts

@@ -12,7 +12,9 @@ export interface SearchBarProps {
     onNext: () => void;
     /** 清除搜索 */
     onClear: () => void;
-    /** 搜索框 placeholder */
+    /**
+     * 搜索框 placeholder；默认含快捷键说明，可被 `searchPlaceholder` 等覆盖
+     */
     placeholder?: string;
     /** 搜索栏前置内容 */
     inputAddonBefore?: React.ReactNode;

package/dist/esm/PipelineLogViewer/components/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/SearchBar.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,MAAM,WAAW,cAAc;IAC7B,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY;IACZ,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;AAgID,wBAAqC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/SearchBar.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,MAAM,WAAW,cAAc;IAC7B,aAAa;IACb,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe;IACf,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc;IACd,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc;IACd,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY;IACZ,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;AAwND,wBAAqC"}

package/dist/esm/PipelineLogViewer/components/SearchBar.js

@@ -8,17 +8,21 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 // SearchBar — 日志搜索工具栏组件
 //
 // 交互行为设计：
-// 1. 用户输入关键字后，必须按下 Enter 键或点击图标才会触发全新的查询。
-// 2. 使用 lastSearchedValue 缓存最后一次成功搜索的关键字。
+// 1. 用户输入关键字后，须按 Enter 触发查询（关键字 trim 后非空）；左侧图标仅装饰。
+// 2. 使用 lastSubmittedKeyword 缓存最后一次成功提交的关键字（trim 后）。
 // 3. 按下 Enter 时：
-//    - 若当前输入值与 lastSearchedValue 不同，触发全新查询。
-//    - 若当前输入值与 lastSearchedValue 相同，则复用当前结果，触发 onNext(下一项) 操作。
-//    - 若按住 Shift + Enter，触发 onPrev(上一项) 操作。
-// 4. 输入框内容被完全清空或按下 Escape 键时，触发 onClear 清除状态与高亮。
+//    - 若当前 trim 值与 lastSubmittedKeyword 不同，触发全新查询。
+//    - 若相同，则复用当前结果，触发 onNext(下一项)；Shift+Enter 触发 onPrev。
+// 4. 输入清空或 Escape 时触发 onClear。
+// 5. 关键字已改但未提交时显示 Enter 轻提示；上下匹配按钮支持键盘操作与 aria。
 // ============================================================================
 
 import { CloseCircleFilled, DownOutlined, LoadingOutlined, SearchOutlined, UpOutlined } from '@ant-design/icons';
-import React, { useCallback, useRef, useState } from 'react';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+var DIRTY_HINT_ID = 'pipeline-log-search-dirty-hint';
+var NAV_HINT_ID = 'pipeline-log-search-nav-hint';
+/** 空框时即可见：搜索与「同词跳转」快捷键 */
+var DEFAULT_PLACEHOLDER = '搜索日志（Enter 搜索；关键字不变时 Enter 下一处，Shift+Enter 上一处）';
 var SearchBar = function SearchBar(_ref) {
   var total = _ref.total,
     currentIndex = _ref.currentIndex,
@@ -27,7 +31,7 @@ var SearchBar = function SearchBar(_ref) {
     onNext = _ref.onNext,
     onClear = _ref.onClear,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? '搜索日志...' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? DEFAULT_PLACEHOLDER : _ref$placeholder,
     inputAddonBefore = _ref.inputAddonBefore,
     inputAddonAfter = _ref.inputAddonAfter,
     icons = _ref.icons,
@@ -37,23 +41,31 @@ var SearchBar = function SearchBar(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
+  /** 最近一次成功提交给 onSearch 的关键字（trim 后），用于同词 Enter 跳转与 dirty 提示 */
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    lastSubmittedKeyword = _useState4[0],
+    setLastSubmittedKeyword = _useState4[1];
   var inputRef = useRef(null);
-  var lastSearchedValue = useRef('');
+  var trimmedInput = inputValue.trim();
+  var isDirty = trimmedInput !== '' && trimmedInput !== lastSubmittedKeyword;
+  /** 已提交过且仍有结果：提示在输入框内用 Enter / Shift+Enter 跳转 */
+  var showNavHint = total > 0 && trimmedInput !== '' && !isDirty;
 
-  // 回车或点击搜索按钮触发
+  // Enter 触发搜索提交
   var handleSearch = useCallback(function () {
-    if (inputValue) {
-      lastSearchedValue.current = inputValue;
-      onSearch(inputValue);
-    }
+    var q = inputValue.trim();
+    if (!q) return;
+    setLastSubmittedKeyword(q);
+    onSearch(q);
   }, [inputValue, onSearch]);
 
   // 键盘事件：Enter 搜索, Escape 清除
   var handleKeyDown = useCallback(function (e) {
     if (e.key === 'Enter') {
       e.preventDefault();
-      // 如果值发生了变化，优先执行搜索
-      if (inputValue !== lastSearchedValue.current) {
+      var t = inputValue.trim();
+      if (t !== lastSubmittedKeyword) {
         handleSearch();
       } else if (e.shiftKey) {
         onPrev();
@@ -64,17 +76,17 @@ var SearchBar = function SearchBar(_ref) {
       }
     } else if (e.key === 'Escape') {
       setInputValue('');
-      lastSearchedValue.current = '';
+      setLastSubmittedKeyword('');
       onClear();
     }
-  }, [handleSearch, onPrev, onNext, onClear, total, inputValue]);
+  }, [handleSearch, onPrev, onNext, onClear, total, inputValue, lastSubmittedKeyword]);
 
   // 输入变化
   var handleChange = useCallback(function (e) {
     var val = e.target.value;
     setInputValue(val);
     if (!val) {
-      lastSearchedValue.current = '';
+      setLastSubmittedKeyword('');
       onClear();
     }
   }, [onClear]);
@@ -83,24 +95,49 @@ var SearchBar = function SearchBar(_ref) {
   var handleClear = useCallback(function () {
     var _inputRef$current;
     setInputValue('');
-    lastSearchedValue.current = '';
+    setLastSubmittedKeyword('');
     onClear();
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   }, [onClear]);
-  var searchPrefixIcon;
-  if (searchLoading) {
-    searchPrefixIcon = /*#__PURE__*/React.createElement(LoadingOutlined, {
+  var handlePrevClick = useCallback(function () {
+    if (total > 0) onPrev();
+  }, [total, onPrev]);
+  var handleNextClick = useCallback(function () {
+    if (total > 0) onNext();
+  }, [total, onNext]);
+  var handleNavKeyDown = useCallback(function (e, action) {
+    if (total <= 0) return;
+    if (e.key === 'Enter' || e.key === ' ') {
+      e.preventDefault();
+      action();
+    }
+  }, [total]);
+  var searchPrefixIcon = useMemo(function () {
+    if (searchLoading) {
+      return /*#__PURE__*/React.createElement(LoadingOutlined, {
+        className: "pipeline-log-search-bar__search-icon",
+        spin: true,
+        "aria-hidden": true
+      });
+    }
+    if ( /*#__PURE__*/React.isValidElement(icons === null || icons === void 0 ? void 0 : icons.search)) {
+      return /*#__PURE__*/React.cloneElement(icons === null || icons === void 0 ? void 0 : icons.search, {
+        className: 'pipeline-log-search-bar__search-icon',
+        'aria-hidden': true
+      });
+    }
+    return /*#__PURE__*/React.createElement(SearchOutlined, {
       className: "pipeline-log-search-bar__search-icon",
-      spin: true
-    });
-  } else if ( /*#__PURE__*/React.isValidElement(icons === null || icons === void 0 ? void 0 : icons.search)) {
-    searchPrefixIcon = /*#__PURE__*/React.cloneElement(icons === null || icons === void 0 ? void 0 : icons.search, {
-      className: 'pipeline-log-search-bar__search-icon'
+      "aria-hidden": true
     });
+  }, [icons === null || icons === void 0 ? void 0 : icons.search, searchLoading]);
+  var inputDescribedBy;
+  if (isDirty) {
+    inputDescribedBy = DIRTY_HINT_ID;
+  } else if (showNavHint) {
+    inputDescribedBy = NAV_HINT_ID;
   } else {
-    searchPrefixIcon = /*#__PURE__*/React.createElement(SearchOutlined, {
-      className: "pipeline-log-search-bar__search-icon"
-    });
+    inputDescribedBy = undefined;
   }
   return /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-search-bar"
@@ -109,7 +146,10 @@ var SearchBar = function SearchBar(_ref) {
   }, inputAddonBefore), /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-search-bar__input-wrapper",
     "aria-busy": searchLoading || undefined
-  }, searchPrefixIcon, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("span", {
+    className: ['pipeline-log-search-bar__search-prefix', trimmedInput && 'pipeline-log-search-bar__search-prefix--active'].filter(Boolean).join(' '),
+    "aria-hidden": "true"
+  }, searchPrefixIcon), /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     className: "pipeline-log-search-bar__input",
     type: "text",
@@ -117,22 +157,46 @@ var SearchBar = function SearchBar(_ref) {
     value: inputValue,
     onChange: handleChange,
     onKeyDown: handleKeyDown,
-    "aria-label": "\u641C\u7D22\u65E5\u5FD7"
+    "aria-label": "\u641C\u7D22\u65E5\u5FD7\u5173\u952E\u5B57",
+    "aria-describedby": inputDescribedBy
   }), /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-search-bar__input-action"
-  }, !!inputValue && /*#__PURE__*/React.createElement("span", {
+  }, !!inputValue && /*#__PURE__*/React.createElement(React.Fragment, null, !isDirty && /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-search-bar__result-count"
-  }, "".concat(total > 0 ? currentIndex + 1 : 0, "/").concat(total >= 1000 ? '1000+' : total)), !!inputValue && /*#__PURE__*/React.createElement("span", {
-    onClick: handleClear
+  }, "".concat(total > 0 ? currentIndex + 1 : 0, "/").concat(total >= 1000 ? '1000+' : total)), isDirty && /*#__PURE__*/React.createElement("span", {
+    id: DIRTY_HINT_ID,
+    className: "pipeline-log-search-bar__dirty-hint pipeline-log-search-bar__dirty-hint--pulse"
+  }, "\u6309 Enter \u641C\u7D22"), showNavHint && /*#__PURE__*/React.createElement("span", {
+    id: NAV_HINT_ID,
+    className: "pipeline-log-search-bar__nav-hint"
+  }, "Enter \u4E0B\u4E00\u5904 \xB7 Shift+Enter \u4E0A\u4E00\u5904")), !!inputValue && /*#__PURE__*/React.createElement("span", {
+    onClick: handleClear,
+    role: "presentation"
   }, (icons === null || icons === void 0 ? void 0 : icons.clear) || /*#__PURE__*/React.createElement(CloseCircleFilled, {
     className: "pipeline-log-search-bar__clear"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), !isDirty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-search-bar__tool",
-    onClick: total > 0 ? onPrev : undefined
+    role: "button",
+    tabIndex: total > 0 ? 0 : -1,
+    title: "\u4E0A\u4E00\u5904\u5339\u914D\uFF08Shift+Enter\uFF09",
+    "aria-label": "\u4E0A\u4E00\u5904\u5339\u914D\uFF0C\u5FEB\u6377\u952E Shift+Enter",
+    "aria-disabled": total <= 0 || undefined,
+    onClick: handlePrevClick,
+    onKeyDown: function onKeyDown(e) {
+      return handleNavKeyDown(e, handlePrevClick);
+    }
   }, (icons === null || icons === void 0 ? void 0 : icons.up) || /*#__PURE__*/React.createElement(UpOutlined, null)), /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-search-bar__tool",
-    onClick: total > 0 ? onNext : undefined
-  }, (icons === null || icons === void 0 ? void 0 : icons.down) || /*#__PURE__*/React.createElement(DownOutlined, null)))), /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    tabIndex: total > 0 ? 0 : -1,
+    title: "\u4E0B\u4E00\u5904\u5339\u914D\uFF08Enter\uFF09",
+    "aria-label": "\u4E0B\u4E00\u5904\u5339\u914D\uFF0CEnter",
+    "aria-disabled": total <= 0 || undefined,
+    onClick: handleNextClick,
+    onKeyDown: function onKeyDown(e) {
+      return handleNavKeyDown(e, handleNextClick);
+    }
+  }, (icons === null || icons === void 0 ? void 0 : icons.down) || /*#__PURE__*/React.createElement(DownOutlined, null))))), /*#__PURE__*/React.createElement("div", {
     className: "pipeline-log-search-bar__input-suffix"
   }, inputAddonAfter));
 };

package/dist/esm/PipelineLogViewer/hooks/useDisplayLogs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisplayLogs.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/hooks/useDisplayLogs.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpE,UAAU,qBAAqB;IAC7B,eAAe;IACf,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,qCAAqC;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW;IACX,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,gBAAgB;IAChB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,UAAU,oBAAoB;IAC5B,6BAA6B;IAC7B,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CA8L5E;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"useDisplayLogs.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/hooks/useDisplayLogs.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpE,UAAU,qBAAqB;IAC7B,eAAe;IACf,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,qCAAqC;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW;IACX,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,gBAAgB;IAChB,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC9B;AAED,UAAU,oBAAoB;IAC5B,6BAA6B;IAC7B,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,OAAO,EAAE,qBAAqB,GAAG,oBAAoB,CAgM5E;AAED,eAAe,cAAc,CAAC"}

package/dist/esm/PipelineLogViewer/hooks/useDisplayLogs.js

@@ -53,7 +53,8 @@ function useDisplayLogs(options) {
       var main = (_logs$map = logs === null || logs === void 0 ? void 0 : logs.map(function (logEntry, i) {
         return {
           absoluteRow: firstItemIndex + i,
-          text: logEntry.log
+          text: logEntry.log,
+          logTime: logEntry.logTime
         };
       })) !== null && _logs$map !== void 0 ? _logs$map : [];
       if (logs.length === 0) return main;
@@ -189,6 +190,7 @@ function useDisplayLogs(options) {
           result.push({
             absoluteRow: absoluteRow,
             text: logs[i].log,
+            logTime: logs[i].logTime,
             isFoldedGroupStart: true
           });
         }
@@ -209,7 +211,8 @@ function useDisplayLogs(options) {
       }
       result.push({
         absoluteRow: absoluteRow,
-        text: logs[i].log
+        text: logs[i].log,
+        logTime: logs[i].logTime
       });
     }
 

package/dist/esm/PipelineLogViewer/index.less

@@ -183,10 +183,22 @@
     }
   }
 
+  .pipeline-log-search-bar__search-prefix {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    line-height: 0;
+  }
+
   .pipeline-log-search-bar__search-icon {
     margin-right: 6px;
-    color: #fff;
+    color: rgba(255, 255, 255, 0.35);
     font-size: 16px;
+    transition: color 0.2s ease;
+  }
+
+  .pipeline-log-search-bar__search-prefix--active .pipeline-log-search-bar__search-icon {
+    color: #fff;
   }
 }
 
@@ -213,9 +225,51 @@ input.pipeline-log-search-bar__input {
 
 .pipeline-log-search-bar__input-action {
   display: flex;
+  flex-wrap: wrap;
+  gap: 4px 8px;
   align-items: center;
 }
 
+.pipeline-log-search-bar__dirty-hint,
+.pipeline-log-search-bar__nav-hint {
+  margin-right: 4px;
+  color: #959da5bf;
+  font-size: 11px;
+  line-height: 1.2;
+  white-space: nowrap;
+}
+
+/* 仅动画 opacity：比同时改 color 更易被浏览器合成、肉眼更明显 */
+@keyframes pipeline-log-search-dirty-pulse {
+  0%,
+  100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.22;
+  }
+}
+
+/* 双类名提高优先级，覆盖 .dirty-hint 的灰色；动效关闭时仍保持醒目 */
+.pipeline-log-search-bar__dirty-hint.pipeline-log-search-bar__dirty-hint--pulse {
+  color: #e6edf3;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  animation: pipeline-log-search-dirty-pulse 0.75s ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .pipeline-log-search-bar__dirty-hint.pipeline-log-search-bar__dirty-hint--pulse {
+    color: #e6edf3;
+    text-decoration: underline;
+    opacity: 1;
+    animation: none;
+    text-underline-offset: 2px;
+    text-decoration-color: rgba(230, 237, 243, 0.55);
+  }
+}
+
 /*
  * 容器 / 视口 ≤1200px：首行仅前缀（元数据等），第二行搜索框 + 后缀同一行（避免 ~900px 仍单行重叠）。
  * @media 作无 container 支持时的回退。
@@ -301,13 +355,26 @@ input.pipeline-log-search-bar__input {
   padding: 2px 4px;
   font-size: 12px;
   border-radius: 4px;
+  outline: none;
+  cursor: default;
   .anticon {
     transform: scaleY(0.8);
   }
-  &:hover {
+  &:hover:not([aria-disabled='true']) {
     background-color: rgba(77, 77, 77, 1);
     transition: all 0.3s;
   }
+  &:focus-visible {
+    box-shadow: 0 0 0 2px rgba(12, 98, 255, 0.45);
+  }
+  &[aria-disabled='true'] {
+    cursor: not-allowed;
+    opacity: 0.45;
+  }
+
+  &:not([aria-disabled='true']) {
+    cursor: pointer;
+  }
 }
 
 .pipeline-log-search-bar__refresh {
@@ -332,6 +399,10 @@ input.pipeline-log-search-bar__input {
   z-index: 10;
   box-sizing: border-box;
   background: #2e2e2e;
+
+  .terminal-viewer-virtuoso-list-row-step-time {
+    margin-right: -2px;
+  }
 }
 
 /* --------------------------------------------------------------------------
@@ -474,7 +545,6 @@ input.pipeline-log-search-bar__input {
 .pipeline-log-row__line-number {
   display: inline-block;
   flex-shrink: 0;
-  margin-right: 4px;
   padding-right: 8px;
   overflow: hidden;
   color: #959da5bf;
@@ -486,6 +556,17 @@ input.pipeline-log-search-bar__input {
   user-select: none;
 }
 
+.pipeline-log-row__log-time {
+  display: inline-block;
+  flex-shrink: 0;
+  margin-right: 8px;
+  color: #959da5bf;
+  font-size: 12px;
+  line-height: 20px;
+  white-space: nowrap;
+  user-select: none;
+}
+
 .pipeline-log-row__text {
   display: inline-block;
   flex: 1 1 0;

package/dist/esm/PipelineLogViewer/types.d.ts

@@ -106,6 +106,8 @@ export interface DisplayLogLine {
     absoluteRow: number;
     /** 日志文本 (或折叠占位标记) */
     text: string;
+    /** 日志打印时间 (ms) */
+    logTime?: number;
     /** 是否为折叠的分组的起始行（用于隐藏对应的 LogRow） */
     isFoldedGroupStart?: boolean;
     /** 分组在缓冲外且处于展开态时的占位行（避免仅显示标题却无正文） */

package/dist/esm/PipelineLogViewer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/PipelineLogViewer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/PipelineLogViewer/types.ts"],"names":[],"mappings":"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"}

package/dist/worker/src/PipelineLogViewer/components/LogRow.d.ts

@@ -7,6 +7,8 @@ interface LogRowProps {
     lineNumberLabel?: number | null;
     /** 日志文本 (可能包含 ANSI 转 HTML 后的内容) */
     text: string;
+    /** 日志打印时间 */
+    logTime?: number;
     /** 是否为搜索匹配行 */
     isMatched?: boolean;
     /** 是否为当前聚焦的匹配行 */

package/dist/worker/src/PipelineLogViewer/components/SearchBar.d.ts

@@ -12,7 +12,9 @@ export interface SearchBarProps {
     onNext: () => void;
     /** 清除搜索 */
     onClear: () => void;
-    /** 搜索框 placeholder */
+    /**
+     * 搜索框 placeholder；默认含快捷键说明，可被 `searchPlaceholder` 等覆盖
+     */
     placeholder?: string;
     /** 搜索栏前置内容 */
     inputAddonBefore?: React.ReactNode;

package/dist/worker/src/PipelineLogViewer/types.d.ts

@@ -106,6 +106,8 @@ export interface DisplayLogLine {
     absoluteRow: number;
     /** 日志文本 (或折叠占位标记) */
     text: string;
+    /** 日志打印时间 (ms) */
+    logTime?: number;
     /** 是否为折叠的分组的起始行（用于隐藏对应的 LogRow） */
     isFoldedGroupStart?: boolean;
     /** 分组在缓冲外且处于展开态时的占位行（避免仅显示标题却无正文） */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-terminal-viewer-cicd",
-  "version": "3.0.0-beta.41",
+  "version": "3.0.0-beta.42",
   "author": "https://gitee.com/gitee-frontend",
   "license": "MIT",
   "keywords": [