@ai-table/grid 0.1.26 → 0.1.27

package/fesm2022/ai-table-grid.mjs

@@ -8292,27 +8292,24 @@ class AITableFrozenFieldShadow {
                 : this.config().height;
             return {
                 visible: this.scrollState().scrollLeft > 0,
-                x: this.frozenAreaWidth(),
+                x: this.frozenAreaWidth() + 1, // 偏移1，避免和边框重叠导致颜色太深
                 y: 0,
-                points: [0, 0, 0, height],
-                stroke: Colors.gray200,
-                strokeWidth: 1,
-                shadowColor: Colors.black,
-                shadowBlur: 6,
-                shadowOffset: { x: 3.5, y: 0 },
-                shadowOpacity: 0.25,
-                shadowForStrokeEnabled: true
+                width: 8,
+                height,
+                fillLinearGradientStartPoint: { x: 0, y: 0 },
+                fillLinearGradientEndPoint: { x: 8, y: 0 },
+                fillLinearGradientColorStops: [0, 'rgba(0,0,0,0.05)', 1, Colors.transparent]
             };
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFrozenFieldShadow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.10", type: AITableFrozenFieldShadow, isStandalone: true, selector: "ai-table-frozen-field-shadow", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ko-line [config]="frozenShadowConfig()"></ko-line>`, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.10", type: AITableFrozenFieldShadow, isStandalone: true, selector: "ai-table-frozen-field-shadow", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ko-rect [config]="frozenShadowConfig()"></ko-rect>`, isInline: true, dependencies: [{ kind: "component", type: KoShape, selector: "ko-shape, ko-circle, ko-label, ko-rect, ko-ellipse, ko-wedge, ko-line, ko-sprite, ko-image, ko-text, ko-text-path, ko-star, ko-ring, ko-arc, ko-tag, ko-path, ko-regular-polygon, ko-arrow, ko-transformer", inputs: ["config"], outputs: ["koMouseover", "koMousemove", "koMouseout", "koMouseenter", "koMouseleave", "koMousedown", "koMouseup", "koWheel", "koContextmenu", "koClick", "koDblclick", "koTouchstart", "koTouchmove", "koTouchend", "koTap", "koDbltap", "koDragstart", "koDragmove", "koDragend"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AITableFrozenFieldShadow, decorators: [{
             type: Component,
             args: [{
                     selector: 'ai-table-frozen-field-shadow',
-                    template: `<ko-line [config]="frozenShadowConfig()"></ko-line>`,
+                    template: `<ko-rect [config]="frozenShadowConfig()"></ko-rect>`,
                     imports: [KoShape],
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
@@ -11314,6 +11311,7 @@ class AITableGrid extends AITableGridBase {
         };
         this.dragFillState = {
             isDragging: false,
+            activeCell: null,
             sourceCells: new Set()
         };
         this.notifyService = inject(ThyNotifyService);
@@ -11612,7 +11610,7 @@ class AITableGrid extends AITableGridBase {
                     if (this.dragFillState.isDragging) {
                         setMouseStyle('crosshair', this.containerElement());
                         const { highlightStartCell, highlightEndCell } = dragFillHighlightArea(this.aiTable, this.dragFillState.sourceCells, recordId);
-                        activeCell = this.aiTable.selection().activeCell;
+                        activeCell = this.dragFillState.activeCell;
                         startCell = highlightStartCell;
                         endCell = highlightEndCell;
                     }
@@ -11667,6 +11665,7 @@ class AITableGrid extends AITableGridBase {
                     return;
                 this.updateDragFillState({
                     isDragging: true,
+                    activeCell: this.aiTable.selection().activeCell,
                     sourceCells: this.aiTable.selection().selectedCells
                 });
                 return;
@@ -11706,7 +11705,7 @@ class AITableGrid extends AITableGridBase {
         const gridStage = e.event.currentTarget.getStage();
         const pos = gridStage?.getPointerPosition();
         if (pos == null) {
-            this.updateDragFillState({ isDragging: false, sourceCells: new Set() });
+            this.updateDragFillState({ isDragging: false, activeCell: null, sourceCells: new Set() });
             return;
         }
         const { context } = this.aiTable;
@@ -11716,7 +11715,7 @@ class AITableGrid extends AITableGridBase {
         if (recordId) {
             performFill(this.aiTable, this.dragFillState.sourceCells, recordId, this.actions);
         }
-        this.updateDragFillState({ isDragging: false, sourceCells: new Set() });
+        this.updateDragFillState({ isDragging: false, activeCell: null, sourceCells: new Set() });
     }
     stageMouseleave(e) {
         if (!this.isDragSelectionAutoScrolling) {
@@ -12131,7 +12130,21 @@ class AITableGrid extends AITableGridBase {
                     const nextField = gridData.fields[!isHorizontalScroll || scrollLeft > 0 ? nextCellIndex : nextCellIndex + 1];
                     const nextRecord = gridData.records[nextRowIndex];
                     if (nextField && nextRecord) {
-                        this.aiTableGridSelectionService.selectCells([startCell[0], startCell[1]], [nextRecord._id, nextField._id]);
+                        let newStartCell = null;
+                        let newEndCell = null;
+                        let newActiveCell = null;
+                        if (this.dragFillState.isDragging) {
+                            const { highlightStartCell, highlightEndCell } = dragFillHighlightArea(this.aiTable, this.dragFillState.sourceCells, nextRecord._id);
+                            newStartCell = highlightStartCell;
+                            newEndCell = highlightEndCell;
+                            newActiveCell = this.dragFillState.activeCell;
+                        }
+                        else {
+                            newStartCell = [startCell[0], startCell[1]];
+                            newEndCell = [nextRecord._id, nextField._id];
+                            newActiveCell = null;
+                        }
+                        this.aiTableGridSelectionService.selectCells(newStartCell, newEndCell, newActiveCell);
                     }
                 }
             },