@ai-table/grid 0.0.58 → 0.0.60

package/fesm2022/ai-table-grid.mjs

@@ -4187,7 +4187,11 @@ const getVisibleRangeInfo = (coordinate, scrollState) => {
     };
 };
 const scrollMax = (aiTable, coordinate, visibleColumns) => {
-    const scrollMaxWidth = visibleColumns.reduce((pre, cur) => pre + getFieldOptionByField(aiTable, cur)?.width, AI_TABLE_ROW_HEAD_WIDTH);
+    const visibleColumnIndexMap = aiTable.context.visibleColumnsIndexMap();
+    const scrollMaxWidth = visibleColumns.reduce((pre, cur) => {
+        const index = visibleColumnIndexMap.get(cur._id);
+        return pre + (isNumber(index) ? coordinate.getColumnWidth(index) : 0);
+    }, AI_TABLE_ROW_HEAD_WIDTH);
     const scrollMaxHeight = coordinate.getRowOffset(coordinate.rowCount - 1) + 32;
     return { scrollMaxWidth, scrollMaxHeight };
 };
@@ -6482,7 +6486,7 @@ class CellDrawer extends Drawer {
         }
     }
     // 单元格渲染
-    renderCell(render, ctx) {
+    renderCell(render, ctx, columnWidth) {
         const { field, cellValue } = render;
         const fieldType = field.type;
         const fieldMethod = FieldModelMap[fieldType];
@@ -6502,7 +6506,7 @@ class CellDrawer extends Drawer {
             case AITableFieldType.updatedAt:
                 return this.renderCellDate(render, ctx);
             case AITableFieldType.rate:
-                return this.renderCellRate(render, ctx);
+                return this.renderCellRate(render, ctx, columnWidth);
             case AITableFieldType.progress:
                 return this.renderCellProgress(render, ctx);
             case AITableFieldType.member:
@@ -6900,11 +6904,14 @@ class CellDrawer extends Drawer {
             });
         }
     }
-    renderCellRate(render, ctx) {
+    renderCellRate(render, ctx, columnWidth) {
         const { x, y, transformValue } = render;
         const max = AI_TABLE_RATE_MAX;
         const size = AI_TABLE_CELL_EMOJI_SIZE;
-        return [...Array(max).keys()].map((item, index) => {
+        const renderWidth = columnWidth - AI_TABLE_CELL_PADDING;
+        const starWidth = AI_TABLE_CELL_EMOJI_SIZE + AI_TABLE_CELL_EMOJI_PADDING;
+        const maxStar = Math.min(max, Math.floor(renderWidth / starWidth));
+        return [...Array(maxStar).keys()].map((item, index) => {
             const value = index + 1;
             const checked = value <= (transformValue || 0);
             const iconX = index * size + AI_TABLE_CELL_PADDING + index * AI_TABLE_CELL_EMOJI_PADDING;
@@ -7079,12 +7086,10 @@ class CellDrawer extends Drawer {
         let currentX = AI_TABLE_CELL_PADDING;
         let currentY = (AI_TABLE_ROW_BLANK_HEIGHT - itemHeight) / 2;
         const itemOtherWidth = fileIconSize + AI_TABLE_FIELD_ITEM_MARGIN_RIGHT;
-        const maxHeight = isActive ? 130 - AI_TABLE_CELL_MULTI_PADDING_TOP : rowHeight - AI_TABLE_CELL_MULTI_PADDING_TOP;
         const maxTextWidth = isOperating
             ? columnWidth - 2 * AI_TABLE_CELL_PADDING - itemOtherWidth - AI_TABLE_CELL_DELETE_ITEM_BUTTON_SIZE - 12
             : columnWidth - 2 * AI_TABLE_CELL_PADDING - itemOtherWidth;
         const listCount = transformValue.length;
-        let isOverflow = false;
         for (let index = 0; index < listCount; index++) {
             const attachmentInfo = references?.attachments[transformValue[index]];
             if (!attachmentInfo)
@@ -7095,31 +7100,13 @@ class CellDrawer extends Drawer {
             let realMaxTextWidth = maxTextWidth < 0 ? 0 : maxTextWidth;
             if (index === 0 && isOperating) {
                 const operatingMaxWidth = maxTextWidth - (AI_TABLE_CELL_ADD_ITEM_BUTTON_SIZE + 4);
-                // item No space to display, then perform a line feed
-                if (operatingMaxWidth <= 20) {
-                    currentX = AI_TABLE_CELL_PADDING;
-                    currentY += AI_TABLE_OPTION_ITEM_HEIGHT + AI_TABLE_CELL_MULTI_ITEM_MARGIN_TOP;
-                }
-                else {
-                    realMaxTextWidth = operatingMaxWidth;
-                }
+                realMaxTextWidth = operatingMaxWidth;
             }
             if (columnWidth != null) {
                 // 在非活动状态下，当超出列宽时，不会渲染后续内容
                 if (currentX >= columnWidth - 2 * AI_TABLE_CELL_PADDING) {
                     break;
                 }
-                // 如果不是非活动状态的最后一行，则换行渲染溢出内容
-                if (currentX > columnWidth - 2 * AI_TABLE_CELL_PADDING) {
-                    currentX = AI_TABLE_CELL_PADDING;
-                }
-                if (currentX + itemWidth > columnWidth - AI_TABLE_CELL_PADDING) {
-                    currentX = AI_TABLE_CELL_PADDING;
-                    currentY += itemHeight;
-                }
-                if (currentY >= maxHeight) {
-                    isOverflow = true;
-                }
             }
             const svgString = getFileThumbnailSvgString(addition?.ext);
             const img = new Image();
@@ -7367,11 +7354,11 @@ const createCells = (config) => {
                         ctx.save();
                         ctx.rect(realX, realY, width, rowHeight);
                         ctx.clip();
-                        cellDrawer.renderCell(render, ctx);
+                        cellDrawer.renderCell(render, ctx, columnWidth);
                         ctx.restore();
                     }
                     else {
-                        cellDrawer.renderCell(render, ctx);
+                        cellDrawer.renderCell(render, ctx, columnWidth);
                     }
                 }
             }
@@ -8638,7 +8625,10 @@ class AITableCellRate {
                 this.pointerX() <= lastStarRightX &&
                 this.pointerY() >= startTopY &&
                 this.pointerY() <= startBottomY;
-            return [...Array(max).keys()].map((item, index) => {
+            const renderWidth = coordinate.getColumnWidth(columnIndex) - AI_TABLE_CELL_PADDING;
+            const starWidth = AI_TABLE_CELL_EMOJI_SIZE + AI_TABLE_CELL_EMOJI_PADDING;
+            const maxStar = Math.min(max, Math.floor(renderWidth / starWidth));
+            return [...Array(maxStar).keys()].map((item, index) => {
                 const value = index + 1;
                 const checked = value <= transformValue;
                 const starX = x + index * (AI_TABLE_CELL_EMOJI_SIZE + AI_TABLE_CELL_EMOJI_PADDING);
@@ -9926,7 +9916,12 @@ class AITableGrid extends AITableGridBase {
             const { x, y } = pos;
             const curMousePosition = getMousePosition(this.aiTable, x, y, this.coordinate(), AITable.getVisibleFields(this.aiTable), context, targetName);
             handleMouseStyle(curMousePosition.realTargetName, curMousePosition.areaType, this.containerElement(), this.aiReadonly(), this.aiRowDragDisabled());
-            context.setPointPosition(curMousePosition);
+            if (curMousePosition.areaType !== AITableAreaType.none) {
+                context.setPointPosition(curMousePosition);
+            }
+            else {
+                context.setPointPosition(DEFAULT_POINT_POSITION);
+            }
             this.timer = null;
             if (this.isDragSelecting) {
                 const { fieldId, recordId } = getDetailByTargetName(curMousePosition.realTargetName);