fantasy-ngzorro 2.1.63 → 2.1.64

package/README.md

@@ -42,6 +42,7 @@
 | — | 2026-9-22 | `hd-tip` 支持右侧展开/收起（`showCollapse` / `[(expanded)]`），暴露 `expand` / `collapse` / `toggle` 供父组件控制其它区块 |
 | — | 2026-9-22 | `hd-form-lines` 勾选提示改为 `tableTotal` 插槽（同 hd-table），组件内不再默认渲染已选中块 |
 | — | 2026-9-22 | `hd-table` / `hd-detail-form` 字段值后支持编辑笔图标（`editable` + `edit` 回调，图标对齐 Figma） |
+| — | 2026-9-24 | `hd-detail-lines` / `hd-detail-lines-page`：自动或仅传 `scroll.x` 时补 `scroll.y`，修复窄屏下无法纵向滚动 |
 | — | 2026-9-22 | `hd-table` 支持 `pagination` / `frontPagination`：全量 `content` 可「不分页展示」或「前端切片分页」，列表默认仍为服务端分页 |
 | — | 2026-9-21 | hd-table 列 `color` 支持函数，按行给某一个字段标红 |
 | — | 2026-9-20 | hd-detail-form 附件图片：最多展示 4 张，超出末张蒙版 `+n`；弹窗预览支持左右翻页 |
@@ -709,7 +710,7 @@ formCols: HdOption[] = [
 | 参数 | 类型 | 默认值 | 说明 |
 | ---- | ---- | ------ | ---- |
 | lines | any[] | — | 明细数据 |
-| scroll | object | { x: '1px' } | 横向滚动 |
+| scroll | object | 自动 | 不传则按列宽自动算横向滚动；有 `x` 时自动补 `y`（`calc(100vh - …)`），避免窄屏无法纵向滚动 |
 | showSearch | boolean | false | 行内搜索 |
 | searchFields | string[] | [] | 搜索字段，空则搜全部字段 |
 | hdFrontPagination | boolean | false | 前端分页 |

package/bundles/fantasy-ngzorro.umd.js

@@ -1559,7 +1559,16 @@
              * @return {?}
              */
             function () {
-                return this.scroll != null ? this.scroll : this.tableScroll;
+                /** @type {?} */
+                var base = this.scroll != null ? this.scroll : this.tableScroll;
+                if (!base) {
+                    return null;
+                }
+                // 仅有 x 无 y 时补 y，避免窄屏 / 手动传 scroll.x 时无法纵向滚动
+                if (base.x && !base.y) {
+                    return { x: base.x, y: this.getAutoScrollY() };
+                }
+                return base;
             },
             enumerable: true,
             configurable: true
@@ -1644,6 +1653,27 @@
                 }
             }), delay);
         };
+        /**
+         * 开启 scroll.x 后 ant-table body 会变成 overflow:scroll 容器，
+         * 若不设 scroll.y，内容再高也不会表内纵向滚动，且滚轮无法冒泡到页面。
+         */
+        /**
+         * 开启 scroll.x 后 ant-table body 会变成 overflow:scroll 容器，
+         * 若不设 scroll.y，内容再高也不会表内纵向滚动，且滚轮无法冒泡到页面。
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesComponent.prototype.getAutoScrollY = /**
+         * 开启 scroll.x 后 ant-table body 会变成 overflow:scroll 容器，
+         * 若不设 scroll.y，内容再高也不会表内纵向滚动，且滚轮无法冒泡到页面。
+         * @private
+         * @return {?}
+         */
+        function () {
+            /** @type {?} */
+            var offset = this.showSearch ? 320 : 280;
+            return "calc(100vh - " + offset + "px)";
+        };
         /**
          * @private
          * @return {?}
@@ -1662,10 +1692,17 @@
             var nextScroll = resolveAutoTableScroll(this.nzTableComponent, hasData);
             /** @type {?} */
             var nextX = nextScroll ? nextScroll.x : null;
-            if (this.tableScroll && this.tableScroll.x === nextX) {
+            // 有横向滚动时必须带 y，否则窄屏下无法纵向滚动
+            /** @type {?} */
+            var nextY = nextX ? this.getAutoScrollY() : null;
+            if (this.tableScroll &&
+                this.tableScroll.x === nextX &&
+                this.tableScroll.y === nextY) {
                 return;
             }
-            this.tableScroll = nextScroll;
+            this.tableScroll = nextX
+                ? { x: nextX, y: nextY }
+                : null;
             this.cdr.markForCheck();
         };
         /**
@@ -2319,16 +2356,16 @@
             configurable: true
         });
         Object.defineProperty(HdDetailLinesPageComponent.prototype, "resolvedScroll", {
-            /** 虚拟滚动时保证有 scroll.y，否则 nzVirtualScroll 无效 */
+            /** 虚拟滚动 / 仅有 x 时保证有 scroll.y，否则窄屏无法纵向滚动 */
             get: /**
-             * 虚拟滚动时保证有 scroll.y，否则 nzVirtualScroll 无效
+             * 虚拟滚动 / 仅有 x 时保证有 scroll.y，否则窄屏无法纵向滚动
              * @return {?}
              */
             function () {
                 /** @type {?} */
                 var base = this.effectiveScroll ? __assign({}, this.effectiveScroll) : {};
-                if (this.useVirtualScroll && !base.y) {
-                    base.y = "calc(100vh - 200px)";
+                if ((this.useVirtualScroll || base.x) && !base.y) {
+                    base.y = this.getAutoScrollY();
                 }
                 return base;
             },
@@ -2546,6 +2583,25 @@
                 }
             }), delay);
         };
+        /**
+         * 开启 scroll.x 后 ant-table body 会变成 overflow:scroll 容器，
+         * 若不设 scroll.y，窄屏下滚轮无法纵向滚动。
+         */
+        /**
+         * 开启 scroll.x 后 ant-table body 会变成 overflow:scroll 容器，
+         * 若不设 scroll.y，窄屏下滚轮无法纵向滚动。
+         * @private
+         * @return {?}
+         */
+        HdDetailLinesPageComponent.prototype.getAutoScrollY = /**
+         * 开启 scroll.x 后 ant-table body 会变成 overflow:scroll 容器，
+         * 若不设 scroll.y，窄屏下滚轮无法纵向滚动。
+         * @private
+         * @return {?}
+         */
+        function () {
+            return "calc(100vh - 280px)";
+        };
         /**
          * @private
          * @return {?}
@@ -2564,18 +2620,19 @@
             var nextScroll = resolveAutoTableScroll(this.nzTableComponent, hasData);
             /** @type {?} */
             var nextX = nextScroll ? nextScroll.x : null;
+            // 父级已指定 y（如虚拟滚动）优先保留；否则有 x 时自动补 y
             /** @type {?} */
             var currentY = this.tableScroll ? this.tableScroll.y : null;
+            /** @type {?} */
+            var nextY = currentY || (nextX ? this.getAutoScrollY() : null);
             if (this.tableScroll &&
                 this.tableScroll.x === nextX &&
-                this.tableScroll.y === currentY) {
+                this.tableScroll.y === nextY) {
                 return;
             }
-            this.tableScroll = nextScroll
-                ? { x: nextScroll.x, y: currentY }
-                : currentY
-                    ? { y: currentY }
-                    : null;
+            this.tableScroll = nextX || nextY
+                ? { x: nextX, y: nextY }
+                : null;
             this.cdr.markForCheck();
         };
         Object.defineProperty(HdDetailLinesPageComponent.prototype, "displayLines", {