react-terminal-viewer-cicd 3.0.0-beta.46 → 3.0.0-beta.47

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.46" || '0.0.0';
+  var version = "3.0.0-beta.47" || '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;AAiBf,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAGV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAwEjB,QAAA,MAAM,iBAAiB,qGAkzCtB,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;AAiBf,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAGV,sBAAsB,EACtB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAwEjB,QAAA,MAAM,iBAAiB,qGAq0CtB,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/dist/esm/PipelineLogViewer/PipelineLogViewer.js

@@ -322,10 +322,36 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   stickyHeaderRef.current = stickyHeader;
 
   // ===================================================================
-  // Virtuoso ref
+  // Virtuoso ref & 容器宽度监听 (兼容 Chrome 100)
   // ===================================================================
   var virtuosoRef = useRef(null);
   var containerRef = useRef(null);
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isNarrowContainer = _useState6[0],
+    setIsNarrowContainer = _useState6[1];
+  useEffect(function () {
+    var el = containerRef.current;
+    if (!el) return;
+    var observer = new ResizeObserver(function (entries) {
+      var _iterator = _createForOfIteratorHelper(entries),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          setIsNarrowContainer(entry.contentRect.width <= 1200);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    observer.observe(el);
+    return function () {
+      return observer.disconnect();
+    };
+  }, []);
 
   // ===================================================================
   // 行号宽度自适应
@@ -414,11 +440,11 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       bufStart = _logFetcherResult$cur2.currentStartRow,
       bufEnd = _logFetcherResult$cur2.currentEndRow;
     var jumpTarget = null;
-    var _iterator = _createForOfIteratorHelper(groups),
-      _step;
+    var _iterator2 = _createForOfIteratorHelper(groups),
+      _step2;
     try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var group = _step.value;
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var group = _step2.value;
         if (groupManager.collapsedGroups.has(group.name)) {
           var _group$end;
           var groupEnd = (_group$end = group.end) !== null && _group$end !== void 0 ? _group$end : bufEnd;
@@ -429,9 +455,9 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         }
       }
     } catch (err) {
-      _iterator.e(err);
+      _iterator2.e(err);
     } finally {
-      _iterator.f();
+      _iterator2.f();
     }
     if (jumpTarget !== null) {
       collapseAirdropActiveRef.current = true;
@@ -1413,7 +1439,7 @@ var PipelineLogViewer = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   // ===================================================================
   // 渲染
   // ===================================================================
-  var rootClassName = [className, 'pipeline-log-viewer'].filter(Boolean).join(' ');
+  var rootClassName = [className, 'pipeline-log-viewer', isNarrowContainer ? 'pipeline-log-viewer--narrow' : ''].filter(Boolean).join(' ');
   return /*#__PURE__*/React.createElement("div", {
     className: rootClassName,
     ref: containerRef

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

@@ -1 +1 @@
-{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/GroupHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1C,UAAU,gBAAgB;IACxB,WAAW;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe;IACf,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;;AA8ED,wBAAuC"}
+{"version":3,"file":"GroupHeader.d.ts","sourceRoot":"","sources":["../../../../src/PipelineLogViewer/components/GroupHeader.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1C,UAAU,gBAAgB;IACxB,WAAW;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW;IACX,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe;IACf,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,mBAAmB;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACnD,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;;AAkFD,wBAAuC"}

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

@@ -61,7 +61,7 @@ var GroupHeader = function GroupHeader(_ref) {
   }, statusIcon), /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-group-header__title"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "pipeline-log-group-header__title-inner"
+    className: "pipeline-log-group-header__title-inner".concat(loading ? ' pipeline-log-group-header__title-inner--loading' : '')
   }, /*#__PURE__*/React.createElement("span", {
     className: "pipeline-log-group-header__name"
   }, group.name), loading && /*#__PURE__*/React.createElement("span", {

package/dist/esm/PipelineLogViewer/index.less

@@ -19,9 +19,6 @@
   overflow: hidden;
   color: #b5bbc6;
   background: #1e1e1e;
-  /* 供搜索栏换行：嵌入侧栏等窄容器时 @media 不触发，用容器宽度判断 */
-  container-type: inline-size;
-  container-name: plv;
 }
 
 /* --------------------------------------------------------------------------
@@ -78,9 +75,8 @@
   display: inline-block;
   width: 0.8em;
   text-align: center;
-  transform: translateY(-4px);
+  transform: translateY(-4px) scale(1.5);
   transform-origin: center center;
-  scale: 1.5;
 }
 
 .pipeline-log-loading-dot:nth-child(1) {
@@ -137,7 +133,7 @@
 /* 与旧版 grid「1fr | auto | auto」一致：前缀吃剩余宽度，搜索框为 auto 列不横向撑满 */
 .pipeline-log-search-bar__input-prefix {
   display: flex;
-  flex: 1 1 0;
+  flex: 1 1 auto; /* 改为 auto，让 flexbox 根据实际内容宽度计算是否需要换行，避免内容过长时与搜索框重叠 */
   flex-wrap: wrap;
   gap: 6px;
   align-items: center;
@@ -272,9 +268,9 @@ input.pipeline-log-search-bar__input {
 
 /*
  * 容器 / 视口 ≤1200px：首行仅前缀（元数据等），第二行搜索框 + 后缀同一行（避免 ~900px 仍单行重叠）。
- * @media 作无 container 支持时的回退。
+ * 兼容 Chrome 100：使用 .pipeline-log-viewer--narrow 替代 @container
  */
-@container plv (max-width: 1200px) {
+.pipeline-log-viewer--narrow {
   .pipeline-log-search-bar__input-prefix {
     flex-basis: 100%;
   }
@@ -487,8 +483,7 @@ input.pipeline-log-search-bar__input {
 }
 
 /* 仅有 loading 时与 name 并排分配宽度，保证 icon 紧跟在可见名称（或省略号）后 */
-.pipeline-log-group-header__title-inner:has(.pipeline-log-group-header__loading)
-  .pipeline-log-group-header__name {
+.pipeline-log-group-header__title-inner--loading .pipeline-log-group-header__name {
   flex: 1 1 0%;
 }
 

package/package.json

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