arthub-table 0.2.4 → 0.2.5-next.1

package/dist/types/core/viewers/RelatedTaskViewer.d.ts

@@ -41,23 +41,33 @@ declare class RelatedTaskViewer implements CellViewer<RelatedTaskViewerData> {
     draw(context: ViewerRenderContext, data: RelatedTaskViewerData): void;
     private drawSingleLine;
     /**
-     * Single file-type field branch: draws label + all thumbnails proportionally scaled to fit.
-     * Mirrors ImageViewer.drawMultipleImages scaling logic so all images stay visible whenever possible.
-     * Drops trailing thumbnails (and shows trailing "...") only when scaled width would fall below MIN_THUMBNAIL_WIDTH.
+     * Single file-type field branch: draws label + thumbnails.
+     * Each thumbnail keeps its own aspect ratio (width = baseH × ratio, no per-image cap) and is laid out
+     * left-to-right; trailing thumbnails are dropped (and "..." shown) when remaining space cannot fit the
+     * next thumbnail at the minimum drawable width. When the total width still exceeds the available area
+     * after dropping, all kept thumbnails are uniformly height-scaled so they stay vertically aligned.
      */
     private drawSingleFileFieldLine;
     /**
-     * Compute scaled-thumbnail layout for "single file-type field" mode.
-     * Algorithm:
-     *   1. Each thumbnail's ideal size starts from thumbHeight × aspectRatio.
-     *      Then cap by MAX_THUMBNAIL_WIDTH: if idealWidth > MAX, scale that thumbnail's
-     *      ideal height down so its width = MAX. (Keeps aspect ratio, prevents wide images
-     *      from dominating the row.)
-     *   2. Row drawHeight = min(all per-thumbnail ideal heights). All thumbnails align to
-     *      this height; per-thumbnail width = drawHeight × aspectRatio (≤ MAX_THUMBNAIL_WIDTH).
-     *   3. If total width + gaps > availableWidth → uniform scale-down on drawHeight.
-     *   4. After scaling, drop trailing thumbnails whose width < MIN_THUMBNAIL_WIDTH;
-     *      retry on remaining items.
+     * Compute thumbnail layout for "single file-type field" mode (also reused by inline / multi-line
+     * thumbnail rendering).
+     *
+     * Algorithm (Plan B — per-thumbnail independent width, with per-image MAX cap):
+     *   1. Each thumbnail's natural width = baseH × aspectRatio, then capped at MAX_THUMBNAIL_WIDTH
+     *      so a single panorama-style image cannot dominate the row. The row height stays at baseH;
+     *      capped wide images are rendered into a baseH × MAX box with `contain` fit so they're
+     *      shown letterboxed instead of distorted.
+     *   2. Walk thumbnails left-to-right, accumulating width + THUMBNAIL_GAP. The first thumbnail
+     *      whose remaining space cannot fit even MIN_THUMBNAIL_WIDTH is dropped together with all
+     *      subsequent ones; the caller draws a trailing "..." indicator.
+     *   3. If the kept thumbnails' total width still exceeds availableWidth (e.g. one extreme image
+     *      alone can't fit), apply a uniform height-scale so they all shrink proportionally while
+     *      staying vertically aligned. Re-check MIN_THUMBNAIL_WIDTH after scaling and drop tail
+     *      one-by-one if any kept item falls below the minimum (n === 1 is always accepted to keep
+     *      at least one image visible).
+     *
+     * Compared to the previous algorithm, a single overly-wide thumbnail no longer compresses the
+     * entire row, so unrelated narrow thumbnails won't be silently dropped.
      */
     private computeSingleFileFieldLayout;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arthub-table",
-  "version": "0.2.4",
+  "version": "0.2.5-next.1",
   "description": "High-performance canvas-based table/grid component for Vue 3 with TypeScript support, featuring virtual scrolling, cell viewers, grouped rows, and nested grids.",
   "main": "dist/arthub-table.common.js",
   "module": "dist/arthub-table.umd.min.js",